教程:从零开始完整制作剧本杀微信小程序

　　教程:从零开始完整制作剧本杀微信小程序

　　趁着宅在家的这几周，我在微信小程序上做了一套脚本秒杀的在线预订、支付、评论。感谢大白、社区志愿者和医护人员的长期努力，期待上海早日解封，让工作生活各方面恢复正常。本小程序适用于桌游、剧本杀、派对厅、私人影院、主题民宿、文创文旅项目。

　　我们来看看微信小程序最终效果的截图。

　　一、前言

　　本文适合关注脚本杀等主要活动行业的读者，或工作1-2年且有一定产品或开发基础的技术人员。

　　在资本和*敏*感*词*的新方式，迎来了19、20年来的第一波亮点。后来受疫情和行业规范的影响，他开始关注周边和IP创作，更加关注玩家的尝鲜、交友、聚会体验。欢迎使用脚本 kill2.0。除了通过与服装、美妆、文创、家居等行业的跨界合作提供沉浸式体验外，新的剧本杀服务还提供了专门针对交友、结婚、团队建设的真人杀。结合KTV、酒吧、网吧、民宿，旅游景区等场景开辟旅游团。民宿文旅剧本杀可吃、住、玩，提供身临其境的体验，比普通民宿和旅游更有特色。还有一些“酒书”，边玩边喝；中小学生文学、场景、知识点的“学习书”；脚本杀外卖服务等的出现

　　新的行业参与者也更加注重自身软实力的建设，利用信息技术充分调动渠道、场地、优秀DM等资源。拥抱疫情后市场的新机遇。在这里，我们针对此类需求初步构建了一套基于微信小程序的在线脚本杀展示、游戏组织、支付和评论应用。

　　二、需求审核

　　脚本查杀功能脑图

　　跨区域、多店铺应用场景。不同的商店有不同的促销和脚本设置。

　　大家可以看看上面的脑图，对产品需求有一个整体的了解。

　　三、原型制作

　　基于上一个链接的功能需求，参考常用的功能组件，使用Axure对各个页面进行勾画，方便后续讨论和细化。

　　四、界面设计

　　经过几轮讨论，确定了各个页面的细节和功能后，开始UI美术绘制。

　　

　　页面设计简单实用。整体风格统一，内容层次清晰、规范。

　　主要组成部分有：搜索导航栏、脚本卡、拼车卡、玩家人数是否倒转、评分分数、优惠券卡等。

　　五、数据结构设计数据围绕拼车集合进行设计，根据品类、脚本、播放器、店铺等实体对象进行关系型数据存储设计。

　　数据ER设计

　　六、开发准备

　　框架选择、功能分解和项目开发讨论反馈。

　　产品可以以App、H5或微信小程序的形式制作。考虑到用户使用场景和后续的口碑引流，默认开发基于微信功能扩展。对比界面流畅度和品牌附加值，选择微信小程序实现。

　　在微信小程序系统之前，CS部署的中间环节太多。开发者需要考虑应用层、数据库层、负载均衡、ssl安全等节点。后来云开发上线后，使用对象图数据存储就方便了很多，让开发者更加专注。业务功能实现。考虑到数据的独立性，并且团队已经有了 ssl 服务器，我们仍然使用关系数据模型。

　　微信小程序展示层有多种框架可供选择。考虑到组件的丰富性以及后期购买和产品展示的扩展需求，我们选择了jquery weui和vant。

　　参照构件库的风格，进行了各页面的开发期及可行性分析讨论及数据呈现，并反馈到设计更新页面。

　　开发环节主要工具：微信开发者工具、sqlyog、sublime、winscp、xshell。

　　页面样式微调

　　主要功能开发

　　七、迭*敏*感*词*发

　　第一个 sprint 将主页、列表、详细信息和约会主要流程页面链接在一起。

　　第二个冲刺增加了团队合作、设置和付款流程。

　　第三个 sprint 完成搜索功能和排序列表。

　　第四次冲刺增加了优惠券功能，包括重构组织和拼车支付环境。

　　第五个 sprint 增加了订单列表、取消和退款功能。

　　第六次冲刺对每一页的样式进行微调，并记录完整的测试数据。

　　经过开发测试后，将发布staging预览版，在甲方移动端进行实际测试。根据甲方反馈调整页面功能后。提交代码质量优化，优化前后端算法、查询、数据、素材、代码规范。

　　开发过程中遇到的主要逻辑函数有：

　　1. 微信小程序服务器

　　

　　安全密码协议、请求参数及回包协议、微信支付、短信密码发送、分享海报合成图制作等。

　　此外，还对接口频率限制、参数错误、版本不支持、服务返回错误、处理超时、接口调用错误、授权认证异常等进行了后期分析。

　　2. 微信小程序App

　　组件搜索组件、排名排名、席位玩家状态显示组件、步进数设置规则、信息元素的多样式flex布局组合等。

　　此外，每个异常的默认样式处理，如网络异常、存储异常、内存异常、字段参数异常、带宽限制、内存异常、权限异常、数据异常等，也需要酌情考虑。

　　关于开发，有兴趣的可以简历，提出自己关心的知识点，我可以开个帖子详细讨论具体实现。

　　八、单元测试的微信开发者工具提供了比较完善的调试预览功能，方便在UI、数据AppData、代码代码质量优化等方面进行开发。

　　微信小程序调试工具

　　九、分期测试

　　上传后可使用体验版二维码邀请相关人员参与体验反馈。

　　这个功能还是很实用的。代码修改后，可以随时上传，分享给大家，用于不同状态的手机测试。

　　十、产品发布

　　使用git做版本控制，发布产品，完整发布，注意声明。

　　十个一、App推广

　　工具类应用可以挂在公众号菜单链接、店铺前台等。

　　十二、用户体验采集与产品迭代快速开发第一版上线后，根据实际使用反馈，设置第二期升级版本的需求。比如DM设置和团队激励。

　　此后，开发了一套实用的脚本杀微信小程序。

　　产品设计不仅要解决用户的痛点，还要为用户提供耳目一新的体验，包括细致的关怀和激励。

　　我是青云茶客。欢迎有兴趣的朋友讨论更多产品设计和项目开发的案例实践。

　　最后以一首茶诗结束本文：

　　喝完茶，清妍唱着正午鸡，我还骑着驴子去东溪。

　　酒食分到樵夫手中，笔砚专供少年随身携带。

　　望水亭独倚，在僧房壁上写下新泥诗。

　　行朗回来问什么时候来了，蝉声四起，太阳已经西下。

　　——宋赵如谷，《茶歇》

　　本文由@青云茶客原创发表于人人都是产品经理，未经允许禁止转载

　　题图来自Unsplash，基于CC0协议

　　技巧:好用的翻译软件-大家都在用的外贸SEO优化神器免费

　　好用的翻译软件，今天给大家分享一款好用的免费批量翻译软件。我们为什么选择这款好用的翻译软件，因为它汇集了世界上最好的几个翻译平台（百度/谷歌/有道），第一点就是翻译质量高，有很多选择. 第二点支持各种语言的互译，第三点可以用来翻译各种批文档，第四点保留翻译前的格式和排版。第五点支持采集翻译。详情请参考以下图片！！！

　　一、简单易用的翻译软件介绍

　　1、支持多种优质多语言平台翻译（批量百度翻译/谷歌翻译/有道翻译，让内容质量更上一层楼）。

　　2、只需要批量导入文件即可实现自动翻译，翻译后保留原版面格式

　　3、 还支持文章 互译：中文翻译成英文再翻译回中文。

　　4、支持采集翻译（可以直接翻译采集英文网站）

　　一：易于记忆且收录关键字的域名。

　　搜索引擎的目的是改善用户体验，满足用户的需求也符合搜索引擎的喜好，即搜索引擎优化的最高标准。好用的翻译软件 一个好记的域名，可以让用户在想查询相关信息的时候快速输入。每个人都喜欢这样的域名。考虑如何巧妙地将关键字放置在此类域名的域名中间。

　　

　　二：权重链接点。

　　搜索引擎基于链接的分析技术是域名权威的核心技术之一。对于优秀的翻译软件，至少在可预见的未来，基于链接的信任和权限转移将继续存在，除非有一天整个搜索引擎行业的算法发生根本性的变化。因此，要构建一个符合搜索引擎偏好的域名，就必须有良好的加权链接。

　　在操作范围内，可以选择以下方法：

　　· 查找机构领域的链接。如果是涉及到需要优化的网站内容，这样的权重链接是很好的，但是建议这样的权重链接指向基本没有太强的可操作性

　　· 查找行业领先网站的链接。对于机构来说，易用的翻译软件和业内优秀的站点链接更简单，操作性更强。例如，本地门户 网站 可以依靠自己的站点内容或个人联系联系知名门户站点进行链接交换。

　　· 其他无关站点、目录、博客、论坛等的引荐链接 无关站点目录博客论坛上的域链接推广有一定意义，但意义不大。搜索引擎更关注内容相关性，而不是简单的链接数量，在域名建设中更关注质量而不是数量。

　　以上链接权重都指向一定的相关性，而不是一味的建立垃圾链接组。

　　三：域名注册时间和历史。

　　用户和搜索引擎都喜欢的域应该尽可能老，但不是绝对的。因为并非所有旧域名都是好域名。从以下两点出发：

　　

　　·域名第一次被搜索引擎收录列出是为了确定域名的实际年龄。当一个注册了10年的域名从来没有发布过文章的网站，也没有一个页面出现过收录，那么这个域名对于用户和搜索引擎来说都是没有意义的。所以当网站上线时，尽量让搜索引擎收录网站。

　　·域名下的内容发生巨大变化。在域名所有者的域名注册信息没有发生变化的情况下，如果域名下的内容发生巨大的方向变化，好用的翻译软件搜索引擎往往会将域名视为不稳定的域名，所以减少的权利也会减少。收录进程，观察一段时间。如果域名在这段时间内恢复了之前的内容，就会恢复之前的排名，如果在这段时间内没有恢复之前的内容，搜索引擎就会将该域名视为新域名。在域名买卖中，除了域名内容的变化，搜索引擎也会对域名所有人的变化做出判断。

　　四：域名所有者变更。

　　除了搜索引擎能够搜索域名注册信息外，易用的翻译软件还可以及时监控域名所有者信息的变化，并将这些信息用于搜索引擎排名算法。因此，如果域名被买卖，如果域名所有者发生变化，搜索引擎可以根据域名内容的变化进行先观察再降级或直接降级等动作。

　　五：域名下的页数。

　　一个优秀的域名应该收录一定数量的页面。丰富的内容本身就是一个好的域名，也是一个好的网站的重要体现之一。好用的翻译软件小企业网站在网站发布之初就准备好50到100条原创优质内容，等网站之后再等一次@网站 被释放。这些内容发布在网站上，方便搜索引擎定位网站的话题。

　　六：优质链接。

　　对于一个优秀的网站来说，高质量的链接是必不可少的，它不仅可以提升用户体验，还可以满足搜索引擎判断优秀域名的标准。以上几点是比较重要但不是全部的因素，需要在实践中不断探索和总结。