开发流程
1.使用taro-cl初始化项目,选择js+React+taro-ui+sass
踩踩踩!!
-
引入 taro-ui 报错
解决方案1:重新初始化项目 taro init 初始化项目的时候 模板选择了默认模板,应该选择 taro-ui 模板
解决方案2:安装taro-ui 安装 alpha 版本,npm i taro-ui@alpha --save -
关于px, rpx
rpx是微信小程序中css的尺寸单位,可以根据屏幕宽度进行自适配
譬如iphone6,屏幕宽度为375px ,共有750个物理像素,则1rpx = 0.5px。 -
登录页面
用户名和密码两个输入框由于没有添加name 属性导致无法聚焦输入框,所以到值用户名密码绑定的事件无法触发,一直出发的是密码框绑定的事件!!! -
代码预览显示包过大
先按照文档分包
分包后预览又提示分包过大(TT)
按照文档安装打包分析插件 webpack-bundle-analyzer(这不没啥用,就是看看那些东西占用空间比较大)
解决方案1:执行 npm run build:weapp 再进行预览就可了,但是这样不支持热更新了,预览完之后要重新执行 npm run dev:weapp
解决方案2:配置自己的命令
"ruibo-build:weapp":"taro build --env production --type weapp --watch"
不足:每次改动完代码都会打包,速度慢
解决方案3:在微信开发工具中配置
image.png
也可以解决问题,但是官方文档却说
image.png
试用上面三种方法都可~~~
https://www.codenong.com/jscbea7c48ae28/ -
一直都没有报错,忽然有一天启动项目报错:
image.png
解决方案:
修改 project.config.json 文件中配置:"useCompilerModule": true
- 关于企业微信登录
不使用Taro框架时:微信登录使用 wx.login API接口,企业微信登录使用 wx.qy.login API接口
之后 wx.login 兼容了 企业微信登录,两者登录可直接使用 wx.login
but
在企业微信环境下 使用Taro 框架的 Taro.login 获取code 传给后端同学,后端同学使用该 code 请求微信接口 返回 40029 code 无效,
然后改成使用 wx.login 获取code,同样说 code 无效,
懵逼!!
最后查明原因是因为 企业微信是本地化的,本地化的在微信开发这工具里面选择“小程序模式开发” 后 未给出让选择 关联的企业,这就导致当前开发这工具无法和企业关联起来;
这样在使用 wx.login 时调用的是 腾讯的接口 而非关联的企业微信的接口,这样导致获取的 code 无效,后端同学无法拿到当前企业微信登录者的信息。
解决方案:
统一走微信登录接口,使用CAS 名和密码关联企业用户!!
用户调转到小程序 → 前端调用 wx.login 获取 code 传给后端 → 后端拿到 code 去查询openId 判断是否登录过并将结果返回给前端 → 前端:若登录过直接跳转到首页,若没有登录过跳转到登录页面
网友评论