小程序入口构建工具amp二维码测试工具

本文将介绍隐藏在我们的小程序中的两个工具页面。虽然原理不复杂，但好处是实实在在的，也可能对你有启发。

入口构造工具

痛点

PM操作启动链接PM操作每次启动新入口都需要向FE索要页面链接。放进去多少链接，就得找FE多少次。一方面，彼此之间的沟通和等待会花费很多时间；另一方面，询问/回复过程会中断对方手头的工作，影响状态。关键是很多时候这些环节只需要改变通道参数，不涉及结构调整，完全可以通过PM/operation修改。然而，要操作全面的科普url构建规则到所有PM并不像预期的那么容易；由此可见，各种环节建设要求无形中不断消耗双方的精力。FEQA开发/测试离线功能在没有在线门户的情况下开发/测试新功能时，往往需要构建一个临时门户进行访问。可以修改离线界面配置操作位作为访问入口，但一个操作位受限，另一个不能一站操作；也可以修改代码，增加一个临时入口，但是会污染代码，很难保证不上线。这种情况再出现也是挺麻烦的。

idea

开发专门的门户结构页面，直接提供给PM、运营、FE、QA等各方使用。需要什么链接，需要什么门户，直接通过自助生成，无需重复沟通/构建。

效果

通用入口结构：

如图所示，在门户建设页面，用户可以直接输入FE提供的url模板，自行修改链接参数，从而获得需要的链接。同时支持：

直接打开链接查看自测；生成以该链接为登陆链接的共享卡片，以登陆页面的形式打开查看；将链接复制到剪贴板进行发布；生成二维码，将此链接作为发布的登陆链接。嵌入式m页条目结构：

如图，内嵌M页的小程序链接构造也支持类似功能。

实现

需求翻译以普通用户可以理解的形式展示链接参数，并允许直接修改，然后附有说明性副本。从而抹平url构造规则带来的技术门槛。建设页面中的入口直接通过按钮跳转实现，外部入口通过共享卡模拟。输出通过剪贴板使用wx.setClipboardData接口粘贴使用。初始门户生成二维码作为门户建设页面本身的初始门户；共享工具页面，并保留共享卡作为初始条目。

意义

效率门户构建工具使PM、运营、FE、QA等各方能够自行高效地构建所需的链接/门户，有效节省了重复沟通的成本，在一定程度上提高了开发、测试和交付的效率。

质量门户建设工具提供的链接生成功能和预览功能，可以在一定程度上避免/发现链接拼接错误等手动遗漏，提升整体交付质量。

二维码测试工具

痛点

在扫描二维码时会直接进入在线小程序，使得开发/测试阶段难以有效检测和控制二维码的相关功能。前期只能先在网上创业，然后进行网上验证。如果出现问题，我们可以修复后重新上线，导致二维码相关功能调试效率低，上线风险高。后来开发者工具支持二维码编译，管理后台也支持回滚。相对来说，与二维码相关的功能要可控得多。但对于QA、PM、运营、第三方接入服务等小伙伴来说，二维码的检验测试还是很薄弱的。

idea

开发了专门的二维码测试页面，支持在当前开发版/体验版/在线版小程序中查看和预览二维码。

效果

="http://www.yiyongtong.com/uploads/allimg/180926/0T04533c-2.png" />

如图所示，在二维码测试页面中，用户可以：

• 直接查看二维码的编码信息，包括落地链接、参数等；
• 在当前开发版/体验版/线上版小程序中打开二维码落地链接；
• 生成与二维码拥有相同落地链接的当前开发版/体验版/线上版小程序的分享卡片。

实现

• 查看二维码信息使用wx.scanCode接口可以读取二维码信息，包括落地页、参数等。
• 在当前开发版/体验版/线上版中打开二维码使用wx.scanCode接口获取落地链接，使用wx.navigateTo等接口在当前开发版/体验版/线上版小程序中打开目标页面。
• 在当前开发版/体验版/线上版中以落地页的形式打开二维码使用wx.scanCode接口获取落地链接，生成相同落地链接的分享卡片，访问分享卡片以模拟开发版/体验版下扫码打开小程序。

意义

• 效率查看二维码信息可以有效提高相关功能调试效率；直接在当前开发版/体验版中打开二维码可以有效提高相关功能测试效率，特别是对于QA等非前端人员。
• 质量二维码测试工具便于QA在稳定环境充分测试二维码相关功能，从而提高小程序交付质量。

值得一提的是，这两个工具都是FE自发思考自发实现的，产出时小伙伴们表示“很惊喜”。很多时候，主动去思考、发现、分析、解决痛点，能让你贡献出意料之外的价值，共勉。