1.首次打开到微信开发工具需要配置微信开发工具路径
2.App.vue为全局uni-app生命周期
3.根目录 components为全局组件完全使用vue页面结构
4.page等价于src
5.pages,json是uni-app的路由文件(前五个在底部tabs显示)
6.uni-app请求封装util.js
const BASE_URL="http//localhost:8082"//公共请求接口
export const myRequest=(options)=> {
return new Promise((resolve,reject)=>{
uni.request({
url:BASE_URL+options.url,
method:options.method||"GET",
data:options.data||{},
success: (res) => {
if(res.data.status!==0){
return uni.showToast({
title:"获取数据失败"
})
}
resolve(res)
},
fail:(err)=>{
uni.showToast({
title:"请求接口失败"
})
reject(err)
}
})
})
}
7.页面路由守卫
根据登录存储的token来判断是否跳转到登录页(简易版)
tabBar点击,在进入页面判断token存在与否,跳转到登录页。
页面点击事件,跳转前做一次token验证,跳转到登录页。
8.插件安装
通过HBuilder—>工具—>插件安装---->插件市场安装
9.echarts使用
通过HBuilder—>工具—>插件安装---->插件市场安装
echarts
uni-app-开发微信小程序-部署上线
/**
1.前提是appid已申请
2.图片使用线上地址除底部tabBar使用本地
3.工作时间内审核30分钟内,周末大概1个小时
*/
1.hbx导入项目
2.菜单栏运行项目到微信开发者工具(首次需要开启微信开发端口;配置微信开发工具安装位置)
3.微信开发工具点击重新编译->上传(项目过大需要分包)
4.微信开发平台登录版本管理->体验版->提交审核(上传部分截图、测试账号和密码)
uni-app-混合开发打包H5嵌套到安卓壳-部署上线`
1.hbx导入项目
2.菜单栏发行项目->网站Pc-web或h5
3.项目根目录unpackage\dist\build\h5,文件获取发布至服务器后,地址给到安卓这边即可
uni-app 上架应用市场
准备:
1.资料【ICP【备案号、备案图】、软著图、测试账号、应用截图、应用介绍【详细、简单的】】
2.apk包
3.在线隐私政策
流程:
1.uni-app云打包
2.应用市场上传apk包
3.应用市场填写相关资料
4.提交审核等待上线
上架应用注意点
1.应用启动后开启隐私政策弹窗
2.应用启动后屏蔽获取手机权限弹窗(注意: plus.device.getInfo也会拉起获取手机权限弹窗)
uni-app 打包apk与浏览器页面交互
app跳转html
plus.runtime.openURL(*****)
html跳转app
1.****---->uni-app设置scheme名称
window.location.href = `****//`
文件上传
地址插件