[微信小程序] 认识微信小程序及开发环境搭建

微信公众平台首页

https://mp.weixin.qq.com

微信公众平台测试帐号系统

https://open.weixin.qq.com/connect/qrconnect?appid=wx39c379788eb1286a&scope=snsapi_login&redirect_uri=http%3A%2F%2Fmp.weixin.qq.com%2Fdebug%2Fcgi-bin%2Fsandbox%3Ft%3Dsandbox%2Flogin

1、微信公众平台提供的帐号模式

服务号/订阅号：提供订阅或业务能力服务，构建与企业/媒体间更好的沟通，服务和管理模式

小程序：更简洁的应用模式，适用于线上或线下场景，刻在微信内方便的获取，可关联服务号/订阅号。

企业号：专为企业提供，适用于企业内部沟通和管理模型。

2、各类型帐号的应用场景

服务号侧重于为用户提供服务，拥有更高级别的开放接口权限，比如模版消息。对个人不开放注册。

订阅号侧重于为用户提供信息和资讯，目前流行的自媒体就是属于此类。个人也可注册订阅号。

小程序侧重于线上结合线下的体验模式。
他是一种不需要下载的即插即用设计思路的程序内应用。
体现了用完即走的理念，在未来的线下扫码场景会更多的应用。
对一些不常用的应用而言，用户无需安装，节省了手机空间。
全面开放申请后，主体类型为个人、企业、政府、媒体或其他组织的开发者，均可申请注册小程序。

餐厅点餐+小程序
基于LBS小程序直接搜索附近的餐厅，进店用进行扫码点餐、支付。

公交+小程序
公交车站放一个小程序二维码，扫一扫就知道公交什么时候来。

买电影票+小程序
进入小程序直接搜附近电影院下单搞定。

加油站缴费+小程序
加油下车排队缴费太麻烦，扫小程序不用下车就能解决。

火车上叫餐+小程序
不用去固定车厢点餐，扫座椅后背的小程序二维码下单，乘务员给你送来。

旅行+小程序
旅行酒店预订、周边攻略、目的地、游记等都可以在小程序里轻松搞定。

快递+小程序
一键打开快递小程序，查看自己的订单，查看快递送达的时间，查看宝贝现在的物流情况。

医疗+小程序
用小程序，提前挂号、网上排队，就医后扫码支付，直接拿药

景区+小程序
扫描景点门票小程序的二维码，即可查看景区详情

客运+小程序
上车之后，直接扫描小程序二维码，不用购票，不用刷卡，即扫即走！

零售+小程序
想吃个水果或吃点零食，直接搜索附近小程序下单，送货上门

3、小程序简介

定位：小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

开放注册范围：个人/ 企业/ 政府 /媒体 /其他组织

开发支持：文档、工具、设计指南、体验DEMO

接入流程：注册-信息完善-开发者绑定-开发信息配置-部署服务-提交到微信团队审核发布

4、几个小程序相关的官方文档

小程序设计规范：微信小程序设计指南

WeUI：https://weui.io/

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。给设计师提供sketch和ps版本的组件库下载。

小程序平台运营规范：https://developers.weixin.qq.com/miniprogram/product/index.html

小程序接入指南：https://developers.weixin.qq.com/miniprogram/introduction/index.html?t=2018723

小程序开发指南：https://developers.weixin.qq.com/miniprogram/dev/index.html?t=2018723

小游戏接入指南：https://developers.weixin.qq.com/minigame/introduction/index.html?t=2018723

小游戏开发指南：https://developers.weixin.qq.com/minigame/dev/index.html

开发者社区：https://developers.weixin.qq.com/

腾讯云支持：https://developers.weixin.qq.com/minigame/introduction/qcloud.html?t=2018323

腾讯云为开发者提供免费的开发环境和生产环境，更加方便、快速、可靠的构建您的小程序。

扫普通链接二维码打开小程序：https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html

5、接入小程序流程

（1）进入注册页面

https://mp.weixin.qq.com/wxopen/waregister?action=step1

注意：微信小程序和公众号不能共用一个帐号！

填写帐号信息，激活邮箱并完善信息登记即可拥有一个小程序帐号。

如果邮箱已经在微信公众平台注册，则需要更换邮箱信息

作为登录帐号，请填写未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱

我们注册一个专门用于测试的邮箱：yemao0920@sina.com，注册微信小程序

注册完毕后需要

1）补充小程序信息，比如名称图标，描述，分类等。请注意小程序的名称设置是有规范限制的，次数也有限制

名称设置规范：http://kf.qq.com/faq/170109umMvm6170109MZNnYV.html

2）下载小程序开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

工具在在原有的公众号网页调试工具的基础上，集成了公众号网页调试和小程序调试两种开发模式。

• 使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情
• 使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

腾讯也提供了腾讯云，快速搭建小程序后台运行环境； 详情

开发工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

使用教程：https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html?t=2018723

腾讯云服务：https://developers.weixin.qq.com/miniprogram/introduction/qcloud.html

3）添加开发者，进行代码上传

http://kf.qq.com/faq/170302zeQryI170302beuEVn.html

默认管理员就是一个开发成员，还可以通过微信号添加其他的成员。最多可添加15人。

且可以为开发人员设置相应的权限，如开发或者体验权限。

4）配置服务器

① 开发者ID，第一次需要生成密钥，之后可以进行密钥重置

② 配置服务器域名

腾讯云域名购买：https://cloud.tencent.com/act/miniprogram

③开启消息推送

启用并设置消息推送配置后，用户发给小程序的消息以及开发者需要的事件推送，都将被微信转发至该服务器地址中。小程序支持模版消息。

④开启扫码打开小程序

个人类型主体暂不支持该功能

5）版本发布

提交代码进行审核，审核通过才能进行发布

6、小程序设置

1）基本设置

提供名称、头像、小程序码、介绍、分类、隐私、公众号关联以及帐号服务的设置。

2）开发设置

提供开发者密钥生成重置、服务器域名配置、消息推送和扫码打开等开发配置

3）第三方服务

提供第三方授权管理和插件管理配置

4）接口设置

提供实时直播的音频视频流的录制和播放-仅某些机构能获取该接口

5）开发者工具

提供腾讯云和TGit两个开发工具，供版本控制和服务部署

6）关联设置

可在微信开放平台完成微信公众号和小程序的绑定