嘻淘购物

电子商务 B2C 案例ID：202169

Anne happy

6 年经验· 商汤科技

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

嘻淘购物是一个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文件夹中提取出来，以达到分包的目的。