嘻淘购物

猿急送>深圳前端兼职程序员>Anne happy>

案例列表

基本信息

案例ID：202169

技术顾问：Anne happy - 6年经验 - 商汤科技

联系沟通

微信扫码，建群沟通

项目名称：嘻淘购物

所属行业：电子商务 - B2C

->查看更多案例

案例介绍

嘻淘购物是一个B2C的线上购物商城，主要致力解决合作企业的线下店铺向线上引流的问题。由于该项目涉及到多终
端，为了提高开发速度，遂采用uni-app进行开发，同时编译微信小程序端和H5端。
● 提供支付宝、微信等第三方支付，为了确保兼容性使用uni-app内置组件进行页面布局。编译后仍然出现兼容性问
题，小程序端较H5端更为严格，通过阅读官方文档和前人经验，使用条件编译以及小程序分包等策略顺利完成上
架。
● 微信小程序真机调试请求接口失败，根据官方文档，协议需为https，同时告知后端域名必须经过ICP备案。
● 首先在manifest.json中输入申请到的微信小程序AppID，调用uni.getUserInfo获取用户信息保存起来。其次使用
uni.login方法，provider参数输入’weixin’，成功的返回值中如果errMsg=“login:ok” 代表成功。将code和 appid、secret
拼接起来请求获取sessionkey和openid，后端判断数据库中是否存在该用户，存在(从数据库中取)，不存在(将获取的
信息存入数据库)。
● 由于业务模块较多，发版时报系统错误，且出现main package source size 2326KB exceed max limit 2MB信息提示。
通过阅读官方文档，得知微信小程序主包不能大于2M，遂在pages.json中和pages节点平级的位置声明subPackages节
点，设置分包的根目录root和页面路径pages，这样即可将页面从pages文件夹中提取出来，以达到分包的目的。