微信小程序篇.md

先上案例

OTIS 日历

主要功能：日历 + 代办（支持微信通知）

区域小美食平台

主要功能：会员卡、抢购、折扣、拼桌、资讯

基于 wepy 构建开发

设计师不是很专业，凑合看看

写点啥

可能因为项目都比较简单，想了又想实在不知道写啥，简单记录一下遇到的问题吧

登录认证

通过 wx.login 拿到 code ，上送 code 给后端，后端根据 code 生成 token，前端 通过 token 做后续操作，看起来没毛病

如果有多个页面，难道每个页面都来一遍，显然不太科学，我的做法是，先创建一个 临时启动页面，在 app onShow 获取好 token 后，手动 wx.redirectTo 或 wx.switchTab 到 所需首页。

国际化

官方并没有提供 国际化 相关的支持，我项目是配置 lang map 字典，通过 wx.getSystemInfo 获取系统语言存储在 globalData 中。

通知

小程序在 支付成功 和 提交表单 时，可以向用户在7天内推送有限条数的模板消息，我这里是基于 form 提交做的，form 提交后会返回 formId，后端可以基于 formId 下发通知，根据目前接口情况来看，就是只能 谁操作 通知谁。

数据请求

直接基于 wx.request 和 wx.uploadFile 封装了 GET、POST、UPLOAD 方法，在全局的方法中处理了 token 和其他 全局标记参数。

Wepy 好不好用

说实话，感觉有点鸡肋，只能说在开发时 显的文件少一点，一个wpy文件编写生成 js、json、wxml、wxss 四个文件；

components 不太成熟，比如 repeat 循环子组件 onLoad 方法只会执行一次；

针对非 Wepy 组件，都需要做特殊处理；

具体看 issues 吧

渲染 HTML 和 Markdown

首先推荐 wxParse，其次推荐 towxml，towxml 相对比较轻量，目前还不支持 HTML 行内样式，wxParse 和 towxml 整合到 Wepy 都需要做相关改造，具体实现 github 上面有；

wxParse 和 Wepy 整合，需要使用的 wxParse 的页面只能放到第一层目录，否则会报错！

如果引入 wxParse 报这个错误 regeneratorRuntime is not defined ，需要在自定义组件中 import 'wepy-async-function，总之与非 Wepy 组件整合 比较容易出现各种未知问题。

下个小程序可能会考虑 mpvue

其他

1. swiper 的 dot 样式是可以修改的；
2. image 的 mode 属性可以用来适配 产品列表、详细中不同尺寸的图片展现需求；
3. image 目前还是无法实现长按弹出 识别二维码 选项，只能折中 先调用 wx.previewImage 预览图片，然后长按识别；
4. navigator、button 的 open-type 属性需要关注一下；