罗广辉
2026-05-08 be4e2d7c2b330c3b8991a0286ea16cc1285b9ec0
README.md
@@ -1,3 +1,144 @@
# 掌控智飞
```
npm install pnpm -g
pnpm install
pnpm run dev
node:16.18.0
npm:更换为淘宝镜像
pnpm:8.6.12
```
# h5更新步骤
打开软件,发行,自定义发行,选择对应的环境
然后把代码拷贝到服务器上
测试
/software/service/drone/web/drone-app
正式
/app/service/drone/web/drone-app
# app更新步骤
修改 /src/config 里面的development的参数,改为对应环境的对应变量
# 小程序app更新步骤
1. 修改 /src/config 里面的development的参数,改为对应环境的对应变量
2. hbuild里面点击运行 =》到小程序 =》自动打开了小程序 =》
3. 调试好=》上传 =》[微信公众号](https://mp.weixin.qq.com/) =》 提交审核
# 开发者文档
- 本项目大量采用webview方式开发,只有登录页是原生的uniapp,其他的都是webview
- 登录了之后在userStore里面存了用户信息(包括token)
- 每个页面都会走WebViewPlus组件
- WebViewPlus里面有个属性src都会走getWebViewUrl方法
- WebViewPlus会监听webview发送给app的消息,统一处理
- getWebViewUrl方法里面 会把 路径自动拼接上userInfo(包括token)和一些其他参数
- 然后到webview这里的 permission.js会去自动接收这些参数并存储到stroe里面
webview跟app通信
h5或app的webview
```
webview
const transmitData = { data: { type: 'submitSuccess', fun: 'add' } }
uni.postMessage(transmitData)
app 接收到了 然后再跳页面
uni.switchTab({
      url: `/pages/work/index?addLog=111`,
});
```
微信小程序的webview 只能在微信里面直接跳,postMessage无效
```
webview
// 跳转到小程序页面
wx.miniProgram.navigateTo({ url: '/pages/xxx/xxx' })
// 重定向到小程序页面
wx.miniProgram.redirectTo({ url: '/pages/xxx/xxx' })
// 切换Tab页
wx.miniProgram.switchTab({ url: '/pages/xxx/xxx' })
// 返回上一页
wx.miniProgram.navigateBack({ delta: 1 })
// 退出小程序
wx.miniProgram.exit()
// 获取小程序环境信息
wx.miniProgram.getEnv(function(res) {
  console.log(res.miniprogram) // true
})
```
# uniapp 团队协作开发实践模板(Vue3)
[![GitHub Repo stars](https://img.shields.io/github/stars/oyjt/uniapp-vue3-template?style=flat&logo=github)](https://github.com/oyjt/uniapp-vue3-template)
@@ -214,11 +355,6 @@
pnpm build:mp-weixin-prod
```
### 代码提交
```bash
pnpm cz
```
### 更新uniapp版本
更新uniapp相关依赖到最新正式版
@@ -325,10 +461,3 @@
5. `shadcn-ui` 分支采用最新的 `tailwindcss v4.1` 版本,因为现阶段的 `unocss` 对于最新版 `tailwindcss` 支持还不够完善。
`shadcn-ui`并不太适合移动端使用,如果不喜欢可以移除,只保留纯净的框架。
### 捐赠
如果你觉得这个项目对你有帮助,你可以请作者喝饮料🍹
<p align='center'>
<img alt="微信收款码" src="./src/static/images/pay.png" height="330" style="display:inline-block; height:330px;">
</p>