uniapp
谈谈uni-app的理解
一个使用vuejs开发的前端应用框架，
开发者只要编写一套代码，就可以发布到IOS、Android、Web、小程序等平台
uniapp如何为不同平台设置不同代码
使用条件注释：
- ###ifdef
- ###ifndef
uniapp中封装接口请求相较于微信小程序有什么要注意的
- uniapp和微信小程序都提供了网络请求api
- uniapp为了实现夸端兼容，需要注意网络请求跨域问题
- 微信小程序不会出现跨域问题
- uniapp的跨域问题可以通过在vue.config.js中配置proxy代理解决
uniapp中的生命周期
- 应用生命周期
- onLaunch 初始化完成时触发，只触发一次
- onShow uniapp从后台进入前台时显示
- onHide uniapp从前台进入后台显示
- onError 报错
- onExit 监听应用退出
- onUNiNViewMessage 对nvue页面发送的数据进行监听
- onUnhandleRejection 对未处理的Promise拒绝事件监听函数
- onPageNotFound 页面未找到
- onThemeChange 监听系统主题
- 页面生命周期
- onInit 监听页面初始化
- onLoad 监听页面加载，参数为上个页面传递的数据
- onShow 监听页面显示
- onReady 监听页面初次渲染
- onHide 监听页面隐藏
- onUnload 监听页面隐藏
- onResize 监听窗口尺寸变化
- onPullDownRefresh 监听用户下拉动作
- onReachBottom 监听页面滚动到底部
- onPageScroll 监听页面滚动
- 组件生命周期
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy
- destroyed
uniapp的配置文件部分
- uniCloud 云空间目录
- componnets 组件目录
- hybrid App端存放本地html文件的目录
- platforms 存放各平台专用页面的目录
- pages 业务页面存放目录
- static 本地静态资源
- uni_modules 存放uni_modules的规范插件
- wxcompnents 存放小程序组件的目录
- main.js vue初始化入口文件
- App.vue 配置全局样式及监听
- manifest.json 配置应用名称，appid、logo、版本等打包信息
- page.json 配置页面路由，导航条，选项卡等页面类信息
- uni.scss uni-app内置的常用样式变量
uniapp中的本地缓存
- 同步存储
- uni.setStorageSync
- uni.getStorageSync
- 异步存储
- uni.setStorage
- uni.getStorage
uni-app路由与跳转
- uni.navigateTo 跳转页面
- uni.redirect 销毁当前页面跳转到指定页面
- uni.switchTab 跳转至tab页面
- uni.reLaunch 销毁所有页面跳转至指定页面
- uni.navigateBack 返回上一页
- exit 推出小程序，target=”miniProgram”时生效
uniapp中，如何使用原生SDK以及插件
- 可以通过uni-app plus的方式来集成原生SDK和插件
- 实现的具体方法是：在manifest.json文件中添加对应的插件设置
- 并在代码中调用相关API使用内置的SDK和插
微信小程序
小程序如何实现支付
- 以公司身份注册一个小程序
- 绑定商户号
- 小程序填写合法域
- wx.login()code
- 调用wx.requestPayment
小程序调用微信接口服务
- wx.login获取code
- wx.request发送code
- 通过appid、appsecret、code校验接口
- 获取到返回的session_key和openId等
- 自定义登录态，与openid、session_key关联
- 返回自定义登录态
- 自定义登录态存入storage
- wx.request发起业务请求，携带自定义登录态
- 通过自定义登录态查询openid和session_key
- 返回业务数据
