微信小程序调研文档

kidsamong 发布于2019-08-20 13:44 / 655人阅读

摘要：关于微信小程序之前只是听说，并没有引起我太大的兴趣。刚好团队内部有个需求需要微信小程序。暂时没有上线经历，没办法给出这个时间微信小程序的代码包大小当前限制是。

关于微信小程序之前只是听说，并没有引起我太大的兴趣。周一被小程序刷屏，然后就顺手搜索了解了一下。发现小程序已经火遍了整个程序员圈子。刚好团队内部有个需求需要微信小程序。就紧急对微信小程序进行了调研，阅读过开发者文档后总结了以下的几个开发者比较关心的问题：

微信小程序提供给开发者的能力有哪些；

在微信小程序易忽略的知识点和代码安全问题；

PassFE和PassRD的学习和开发成本；

注意：这篇文章删除了一些跟我当前业务相关的一些内容。如果有兴趣小程序开发的我们可以一起交流哈。

1.首先看微信小程序提供给开发者的能力有哪些？

Request请求

上传，下载

Websocket请求

媒体

图片选择（获取图片信息）

录音

音频播放控制

音乐播放控制

文件的相关操作

数据存储（跟h5的一样）

设备

获取用户的地理位置信息

获取用户的设备信息（网络，系统，重力感应，罗盘，拨打电话，扫码）

界面

交互反馈，设置导航条样式，导航，动画

绘图，下拉刷新

开放的接口

2.微信小程序中页面运行环境和登录可能面临的安全问题。

小程序的运行环境是微信客户端提供的类浏览器（WebView）运行环境。小程序相当于运行在一个浏览器环境中。

小程序的请求都必须是https的请求。支持常用的HTTP协议的方法，比如：PUT,GET,POST等；因为所有的请求都是由NA转发的，所以不会存在跨域的问题（微信小程序的设置页面可以设置）。小程序的网络请求的referer是不可以设置，格式是固定的格式。

小程序运行在微信的渲染引擎中是不支持window和document对象。所以无法使用这两个对象操作cookie操作。开发者可以通过 wx.setStorage等方法在客户端存储数据操作；

是否可以收集用户的敏感信息。当前只是可以获取用户的地理位置，头像，昵称信息。其它信息不能够获取。（首先微信的登录接口不提供这样的能力，第二微信有审核机制，如果我们有这样的代码，小程序可能审核不通过）

出现安全问题后，从修复问题到上线的响应时长的问题。暂时没有上线经历，没办法给出这个时间；

微信小程序的代码包大小当前限制是1MB。所以页面引用的图片或者是文件必须以外链的方式；

3.微信小程序的学习和开发成本 3.1已经有的页面样式是否可以复用到微信小程序中

微信小程序有自己的设计规范，需要UI同学按照微信小程序的设计规范评估我们当前的UI是否符合微信的设计规范，否则会存在审核不通过的可能。

微信小程序的UI规范地址：https://mp.weixin.qq.com/debu...

3.2小程序的开发思想

微信小程序借鉴了当前非常流行的前端框架react和vue的开发思想，组件化的开发方式。一个页面就是一个组件，一个组件由以下4个部分组成：

所以在开发微信小程序的过程中我们需要学习微信小程序的wxml语法。个人认为wxml的语法相对还是比较容易掌握的。而wxss的语法就是我们熟知的css的语法，只是不支持一些高级的css选择器。

3.3对后端工程师的影响

通过下图了解小程序的页面的渲染过程

由上面的流程可以知道在小程序的渲染引擎渲染页面的时候，页面需要的数据都是通过接口获取的。而我们现在的开发模式基本都是后端php渲染smarty模板，渲染过程中会将某些前端需要的变量或者是参数写到Html页面中。如果以后要在小程序中拓展Pass的能力，后端会有一定的开发成本；

如果你当前的开发模式跟我们的一样，如果想要在小程序中开发自己的页面，也是会有一定的后端开发成本的；

以上就是对支持产品线在微信小程序中登录面临的问题的调研结果和对我们当前服务能力的影响。大家如果对微信小程序有兴趣可以跟我交流哈。

云服务器 GPU云服务器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81219.html

微信小程序调研

摘要：外链月最新新增提供组件可以用来承载网页容器会自动铺满整个小程序页面个人类型和海外类型暂不支持需将访问域名后台添加至白名单微信授权链接是否可访问需要测试公众号关联公众号关联小程序后，将可在图文消息自定义菜单模板消息等功能中使用小程序。小程序入口微信发现,小程序公众号主体查看小程序好友分享,群分享公众号自定义菜单跳转 APP页面跳转第三方服务附近的小程序扫普通链接二维码打...

CKJOKER 2019-08-21 17:49 评论0 收藏0
[前端工坊]快应用-技术调研

摘要：文章来自微信公众号前端工坊，不定期更新有趣好玩的前端相关原创技术文章。快应用和微信小程序的区别开发环境快应用需要自行安装配置一系列环境及调试工具，而小程序只需一个开发者工具即可，这一点小程序胜。文章来自微信公众号：前端工坊(fe_workshop)，不定期更新有趣、好玩的前端相关原创技术文章。如果喜欢，请关注公众号：前端工坊版权归公众号所有，转载请注明出处。作者： xdooi sh...

y1chuan 2019-08-22 15:44 评论0 收藏0