uni-app和原生小程序混合开发
uni-app和原⽣⼩程序混合开发
现有⼀个⼗分庞⼤的⼩程序应⽤，想要把新功能利⽤uni-app来开发，是否可⾏？有哪些优缺点？
⾸先看到官⽅给出的解决⽅案
⽅式1：把原⽣⼩程序转换为uni-app源码。有各种转换⼯具，
⽅式2：新建⼀个uni-app项⽬，把原⽣⼩程序的代码变成⼩程序组件，进⽽整合到uni-app项⽬下。uni-app⽀持使⽤⼩程序wxml组件，
⽅式3：原⽣开发的⼩程序仍保留，部分新功能使⽤uni-app开发。
我们选⽤第三种解决⽅案，原⽣⼩程序保留，新功能使⽤uni-app来开发。
我们先新建⼀个原⽣⼩程序demo
创建成功后，⽬录如下
记下来，去创建uni-app项⽬，这⾥我们通过vue-cli的⽅式来创建
// 安装vue-cli
小视频app开发npm install -g @vue/cli
// 创建uni-app创建，选择默认模版
vue create -p dcloudio/uni-preset-vue uniapp-project
创建成功后⽬录如下
接下来我们打包⼀个⼦应⽤
npm run build:mp-weixin -- --subpackage=sub_uniapp
// 或者
yarn build:mp-weixin --subpackage=sub_uniapp
记下来我们把dist/build/mp-weixin/下的sub_uniapp⽂件夹拷贝到原⽣⼩程序的根⽬录中。
然后在app.json⽂件中增加对应的页⾯路径
接下来我们访问这个页⾯
发现图⽚没有显⽰
我们需要去uni-app项⽬中，把页⾯中的图⽚路径从绝对路径改为相对路径。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。