微信小程序开发初探

电影易小程序二维码

小程序二维码

功能清单:

  • 支持显示最新上映电影列表
  • 支持豆瓣前250好评电影列表
  • 支持电影名称模糊搜索
  • 支持复制下载链接到迅雷等支持磁力链的下载软件下载(因为版权原因不敢弄在线播放的能力)
  • 后端服务器会在每天凌晨定期从几个电影
  • 网站抓取下载链接汇总后刷新到最新上映列表

使用方法:

  • 扫描小程序二维码进入
  • 搜索想要的电影或者点击列表中的电影详情
  • 在最下方有电影下载链接,点击某一个链接,显示复制到剪贴板成功后打开手机迅雷
  • 手机迅雷会自动识别该链接,支持边下边播
  • 手机迅雷播放器还支持DLAN功能,能够投屏到电视机上大屏观看

效果图

相关资源


小程序的整个开发过程不在这里重点介绍,官方文档写的非常详细,按照向导能够很快搭建出一个自己的helloworld,这里我主要会讲一下在整个小程序开发的过程中,我个人感觉比较有亮点的地方以及开发过程中的一些经验和大家分享一下

亮点

  • 非常详细的开发文档
  • 工具覆盖端到端的开发流程

    • 开发环境搭建,工具,支持工具版本升级

      从官网下载版本后,通过按照向导式安装到本地,安装完成后。通过二维码登录开发者账号,如果没有申请账号,可以体验demo版本,工具提供demo工程的创建

    • 编码体验

      编码体验和VSCode基本一致,提供标签、属性、方法的联想,并且在JS中联想方法是能够将该方法函数体的入参结构一并联想出来,基本上在稍微参考下API文档,很快就知道这个方法该如何调用,方法体如何填写。

    • 调试体验

      支持本地调试和远程debug两种,调试体验和chrome一致,应该在chrome上做的增强,比如小程序的标签和UEE的标签类似,但是在通过微信小程序进行调试时,看不到小程序编译后的原生html标签,而是小程序自己的标签,标签和源码是可以联动的

    • 一键发布到体验环境,支持版本回退

      开发完成后,点击发布按钮即可将本次开发的版本提交到体验环境,拥有体验权限的账号便可以在手机上进行体验(真实环境的测试),测试通过后便可以将该体验版本提交审核,审核通过后变可以发布为正式版本。

  • 在线开发平台提供强大的数据分析和运维能力
    • 数据分析
    • 运维中心
  • 安全控制

    通过wx.request方法调用的所有服务接口对应的域名必须通过开发者平台的域名管理中心将其添加到白名单中,没有添加的域名接口在访问时会提示安全不通过

  • 申请测试报告

    一键式申请测试报告,因为测试报告执行需要资源,所以每天只能申请一次,测试报告的生成完全是自动化的,不需要写一条用例,后台应该模拟最终用户的操作点击所有的页面,支持多种机型。微信的测试是由腾讯质量开放平台独立提供

工具技术栈分析

  • 使用的是NW.js的方案
  • 在安装包中有package.nw文件夹,里面应该是工具的源码,虽然混淆过了,不过还是有借鉴的意义
注意事项
  • 小程序后台连接的服务是标准的rest服务,必须为https协议,并且域名网站需经过工信部备案才能使用
  • 小程序的审核时间相对较长,一般3到5个工作日不等,审核通过后会在微信上收到通知

愚蠢的白羊

继续阅读此作者的更多文章