在开发微信小程序之前，你需要基本掌握以下几种技术：

• HTML
• CSS
• JS

开发前，请仔细阅读小程序开发文档，本篇仅简述一下开发中得注意点。

简单介绍一下微信的几个API

• wx.login

调用接口获取登录凭证（code），使用code调用code2Session接口，换取openid，unionid，session_key。关于unionid获取的方式，详见：unionid

• wx.getSetting

获取用户的当前设置，简单来说，获取用户已授权的信息。其中包括用户信息，地理位置信息等。

• wx.openSetting

调起客户端小程序设置界面，返回用户设置的操作结果。简单来说，跳转到一个授权的开关按钮页面，里面显示的已经向用户请求过的权限。

• wx.getUserInfo

获取用户信息。这里返回的为用户的基本信息。encryptedData内包含用户的加密的uinionid等信息。解密需要用到此接口返回的signature和iv，以及code2Session接口返回的session_key

• wx.setStorage

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

简单介绍一下微信的显性授权

从2018年4月30日开始，微信的部分接口将逐步不支持授权弹窗，详见：公告。

对此微信提供了显性授权的方式，获取用户信息。<button open-type='xxx'></button> ，open-type类型详见：button。

简单介绍一下微信自定义左侧顶部返回按钮

如果要自定义左侧顶部返回按钮，则需将app.json内window的navigationStyle属性设置为custom，可以写一个左侧顶部组件，在需要的页面内引入。组件内可自定义事件。

简单介绍一下wxs 定义公共脚本

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。简单说，你可以写页面处理函数，截取字符串，判断非空等等。详见：wxs

简单介绍一下common.js/index-config.js/url-config.js（自定义小程序结构）

common.js 此js 包含公共的一些函数 正则判断/公共接口/数据处理（utils包下）

index-config.js 包含正式/测试 环境切换 配置正式/测试环境域名（config包下）

url-config.js 包含接口连接配置（config包下）

wxs 页面脚本

简单介绍一下服务器域名/业务域名配置

涉及接口请求，文件上传，文件下载，socket均需要配置服务器域名

涉及web-view等 均需要配置业务域名

简单介绍一下本地图片的相关事宜

大于20K的图片尽量上传到CDN等云服务器上，使用网络访问方式，获取图片。

背景图片不可设置本地路径，可转base64，或者设置为网路方式访问。

产品定位

小程序的产品定位是 轻而快。