热闹的八月份来了~~

# 小程序 latest

# 小程序能力

# 微信 PC 版小程序开发者公测

微信 PC 版新版本中，支持打开聊天中分享的小程序，开发者可下载安装微信 PC 版内测版本进行体验和适配。最新版微信开发者工具新增支持在微信 PC 版中预览小程序。

噢？公测第一天我就踩出一个坑了，可以看看文章底部的最新踩坑 && Tips。

# 小程序 vue 多端支持

小程序团队推出了小程序 Vue 多端（目前支持微信小程序 + web）方案，已经在我们“微信开放社区”的小程序和 web 落地。

kbone 文档 (opens new window)

# 小程序扩展能力提供

官方提供了一些扩展能力（包括扩展 UI 组件、多端方案 kbone、工具库、官方插件等等），希望可以帮大家一起快速搭建小程序。

查看详情 (opens new window)

# 微信卡券“网页链接跳转”能力即将下线

为了确保微信生态良性发展，微信卡券将于 2019 年 8 月 13 日下线网页链接跳转能力。下线后，卡券创建流程中，“自定义入口”与“卡券详情>立即使用跳转”不再支持跳转至网页配置，你可尝试使用跳转小程序作为替代。本次调整仅针对券，会员卡原有能力暂时不变。

帖子详情查看 (opens new window)

# 「微信开放社区」小程序更新、搜索能力优化、支持扫码分享

小程序更新：社区小程序部分版块已支持完整的阅读、评论与回复功能，欢迎扫码体验。
搜索能力优化：大幅度优化搜索结果匹配度，并支持对搜索结果的内容类型、排序方式、时间范围进行二次筛选。
支持扫码分享：社区公告、文章、问答等内容支持在页面底部“复制链接”或在扫码打开小程序进行分享。

这个微信开放社区小程序，是用 kbone 多端支持做的噢~

# 更新日志

# 小程序·云开发

# 小程序·云开发支持第三方平台代开发

小程序·云开发目前已支持第三方平台代开发。第三方平台可在小程序权限集中勾选云开发管理权限，并通知小程序进行云开发权限集授权。授权完成后即可进行代开发，具体开发过程可参考第三方平台代开发 (opens new window)。

同时，为方便第三方平台进行代开发，云开发还提供了多种 API 接口，包括开通云开发、创建云环境以及创建云函数等。详见云开发接入指南 (opens new window)。

# 开发者工具

# 小程序支持自动化测试

小程序自动化 SDK (opens new window) 为开发者提供了一套通过外部脚本操控小程序的方案，从而实现小程序自动化测试的目的。

如果你之前使用过 Selenium WebDriver (opens new window) 或者 Puppeteer (opens new window)，那你可以很容易快速上手。小程序自动化 SDK 与它们的工作原理是类似的，主要区别在于控制对象由浏览器换成了小程序。

更多详情，点击查看小程序自动化快速开始 (opens new window)

该能力于开发者工具预发布版 1.02.1907301 (opens new window) 支持。

期待测试用例录制功能，特别想要！

# 小程序教程

# 社区精选文章

让小程序页面和自定义组件支持 computed 和 watch 数据监听器 (opens new window)

更多可以查看文章分享 (opens new window)。

最近社区的好文有点不够哇

# 最新踩坑 && Tips

# 【踩坑信息】- 小程序跳小程序闪退

接口：wx.navigateToMiniProgram 问题描述：小程序 A 开发版 -> 小程序 B 正式版 -> 小程序 A 正式版（闪退）小程序跳转间需要注意版本：

开发 - 跳正式 - 跳正式，是行不通的
要么正式 - 跳正式 - 跳正式，要么是开发/体验 - 跳开发/体验 - 跳开发/体验

文档说明：envVersion 如果当前小程序是正式版，则打开的小程序必定是正式版。
参考：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

# 【开发 Tips】- 开发者工具增强编译

开发者工具 ES6 转 ES5，支持 Object.keys，Object.entries 和 Object.values 是 ES2017 的内容，需要单独引入 polyfill。可以使用开发者工具的增强编译

参考 (opens new window)

# 【官方建设】- weui-wxss v2.0 版本

微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 "style": "v2"可表明启用新版的组件样式。

参考 (opens new window)
兼容性：对于 2.8.0 以下版本基础库，会自动降级为旧版本 UI，包括 button icon radio checkbox switch slider 等

# 【踩坑信息】- 小程序下拉的背景颜色

背景：小程序下拉的背景颜色，在 iOS 下分成 backgroundColor、backgroundColorTop、backgroundColorBottom 三个部分，而在安卓下需要设置 backgroundColor。旧版的小程序开发工具中，为了兼容安卓，会把 backgroundColorTop 的值设到 backgroundColor 的配置上。但这种做法和文档不一致（相关反馈查看 (opens new window)），所以新版的工具去掉了这个逻辑，可能导致部分背景样式与之前不一致的问题，开发者若依赖了工具的兼容，后续需要自行进行兼容。
兼容方法：如果需要设置安卓的背景色只能使用 backgroundColor 来设置整个背景色为某个颜色。

PC 版小程序中，接口请求多个 set-cookie 会被合并，只有最后一个会生效。可能会导致登录态丢失的问题，小程序团队已修复。

# 【开发 Tips】- 小程序参数长度

关于小程序参数长度限制的说明如下：

scene 相关。

scene 值作为小程序的场景值参数，在小程序生命周期中属于全局变量，一般为 4 位数整型，如：scene=1001。文档参考 (opens new window)。
scene 值会作为 query 参数传递给小程序/小游戏。用户扫描该码进入小程序/小游戏后，开发者可以获取到二维码中的 scene 值并做处理逻辑，一般为 32 位长度限制；如：pages/sign/subject/subject?scene=1665290702232。文档参考 (opens new window)。

url 后面的 query 参数目前没有长度限制.

如：pages/index/index/index?key=28383989394949494....
文档参考 (opens new window)

# 【踩坑信息】- input

input 组件 (opens new window)的 bindkeyboardheightchange 方法，在Android && type !==text的情况下，返回的 height 是错误的。可以用 bindfocus 方法，bindfocus 在 1.9.90 版本后加上了 height 字段，返回了键盘的高度。

# 结束语

如果你想富有，请把自己变成一个小孩。因为小孩子的框框最少，他们诚实、快乐、乐于学习。 --《小狗钱钱》

← 小程序开发月刊第七期（20190715）小程序开发月刊第九期（20190916） →