1 打包为原生App(云端)
https://ask.dcloud.net.cn/question/102288
提示的网址是错的 用这个网址 https://dev.dcloud.net.cn/user/profile
2 手机端运行
手机的 USB传输文件选项 usb安装选项要确定打开
查看usb 安装软件的选项是否 已打开
3 参考配置
4 一些细节点
-
-
上拉加载 用
onReachBottom
函数页面路由跳转
跳转到 tabBar 页面只能使用 switchTab 跳转
// 路由跳转传参 1
<navigator url="/pages/detail/detail?id=80&age=19">跳转至详情页</navigator>
// 路由跳转传参 2
<button @click="goDetail">跳转之详情页</button>
goDetail () {
uni.navigateTo({
url: '/pages/detail/detail?id=80&age=19'
})
},
// 接受
onLoad(options){ // 页面加载完成后获取
console.log(options)
},
<navigator url="/pages/message/message" open-type="switchTab">跳转至信息页</navigator>
注册组件 统一写到 compoents 文件下,这里开发的组件为注册组件, 其生命周期就是vue的生命周期函数
-
注册全局的事件 来更改数据
可用于非父子组件间数据更改,类似 vue 的 eventhub.on eventhub.off 函数 - 父子通信
// 父组件
<goods-list @goodsItemClick="goGoodsDetail" :goods="goods"></goods-list>
goGoodsDetail (id) {
uni.navigateTo({
url: '/pages/goods-detail/goods-detail?id='+id
})
}
// 子组件
<view class="goods_item" v-for="item in goods" :key="item.id" @click="navigator(item.id)">。。。</view>
export default {
props: ['goods'],
methods: {
navigator (id) {
this.$emit('goodsItemClick',id)
}
}
}
- 请求后台数据放在 onload 函数中
5 打包
- 小程序打包
项目 manifest.json 文件 配置小程序 appid
小程序 打包 ----> 登录小程序账号 点击审核 - h5 打包
- 安卓打包
安卓离线打包参考
https://uniapp.dcloud.io/quickstart-hx?id=%e5%8f%91%e5%b8%83uni-app