unit-app 开发问题

---

1 打包为原生App（云端）

---

报错1 解决1

---

报错2
https://ask.dcloud.net.cn/question/102288
提示的网址是错的 用这个网址 https://dev.dcloud.net.cn/user/profile

---

2 手机端运行

• 问题1 打开手机usb 调试

手机的 USB传输文件选项 usb安装选项要确定打开

问题2 运行报错 错误提示是要手动安装 手动安装即可

查看usb 安装软件的选项是否 已打开

---

3 参考配置

• page.json 配置项
  • globalStyle
• 单页面的样式配置
• condition 配置
  配置 ](https://uniapp.dcloud.io/collocation/pages?id=condition)

---

4 一些细节点

• 注意 rpx 的使用 ui 的图片设计 最好用 750px 的

• 引用字体图标
  

  sass 插件问题报错

• 更换sass 插件

• 生命周期函数
  

  页面的生命周期函数
  应用生命周期函数

• 下拉刷新函数

• 上拉加载 用 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>

• 注册组件(https://uniapp.dcloud.io/component/README?id=%e7%bb%84%e4%bb%b6%e7%9a%84%e7%b1%bb%e5%88%ab)

注册组件 统一写到 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

---

项目地址