微信开发者工具怎么开发小程序

微信开发者工具是微信官方推出的小程序开发平台，可以说现在开发一个小程序门槛越来越低了，所需的开发成本也随之降低。2018年微信官方在微信开发者工具的基础上，还推出了小程序云开发功能。十足的方便。

　　小程序·云开发是微信和腾讯云联合研发的原生 Serverless 云服务。一般来说， Serverless 包括了 Backend as a Service 和 Func as a Service，而云开发则结合微信提供的各种能力，实现了免登陆鉴权，以及无缝地调用微信开放的 API。通过简化复杂的后端和运维操作，让即便不具备一定后端知识的开发者，也能高效开发出一款高质量的小程序。

　　云开发系统主要分为三部分：终端层、接入层和资源层。

　　终端层：为开发者工具提供了完善的开发、测试和运营能力，可以满足大部分开发者的需求。而 HTTP API 则提供了小程序外访问云开发资源的能力，使用 HTTP API 开发者可在已有服务器上访问云资源，实现与云开发的互通;

　　接入层：云开发请求都经过微信后台，由微信来保障通信安全、提供身份鉴权;

　　资源层：由腾讯云来提供函数服务和后台服务，以及保障云资源数据安全。

　　为了保障云开发后台架构以及稳定性，云开发设计了容灾架构。小程序·云开发后台服务采用多 IDC 多园区部署，做到了跨园区的容灾，每个园区都冗余一定的服务能力，当某个园区发生故障时，请求会自动路由到另外的两个园区，由另外两个园区继续提供服务，不会对业务产生影响。

　　而在网络层面，微信对用户采取就近接入原则，提高了接入质量。在这个基础上，借助 newDNS 实现精细和实时的引导，通过识别用户客户端版本、网络环境等数据，下发 IP 列表，引导用户接入到最合适的接入点，进一步提高用户的接入质量。

　　在安全性方面，云开发通过全链路的票据系统来保障整个请求链路的安全。如下图所示，首先是用户请求从微信客户端到微信后台服务这部分，云开发请求借助了微信底层的私有协议 mmtls 和微信后台服务进行通信，当业务层数据加上 mmtls 后，即可做到防窃听、防篡改、防重放、防伪装等安全措施。

　　而当微信后台收到云开发请求后，会先校验用户的身份，并通过全程票据来保障数据的安全性。具体是如何保障的呢?用户登录后，后台会下发一个票据给客户端，客户端每次请求均会带上票据。在后台服务的整个处理链条中，所有对核心数据服务的访问，都会被校验票据是否合法，如若为非法请求则会被拒绝，以此保障用户隐私数据，只能通过用户的客户端发起的操作来进行访问。

　　由于云开放的整个链路都是经过鉴权的，云开发在执行云函数时，后台会自动校验请求票据，开发者可以无缝的使用微信的开放能力，无需再通过常规的 OAuth 授权并自行维护 AccessToken。而“小程序·云开发”对数据访问链路做的专门优化，也促使小程序更快的数据加载速度。

　　此外，对于小程序开发者普遍关心的性能问题，微信小程序团队相关负责人也在小程序·云开发技术峰会上进行了深入解读。以云函数为例，执行云函数需要经过创建容器、下载代码、部署执行三个部分。由于容器的启动是一个很费时的操作，所以通过函数实例复用、容器实例预创建，热点代码缓存等优化，将云函数容器的启动时间从秒级变成了毫秒级。而在容器冷启动的过程中，开发者可以做代码精简(缩短下载时间)、资源复用(缩短执行时间)、公共剥离(增加缓存效果)、保持活跃(避免资源回收)等工作。

　　同时，为了提高云函数的性能，云开发也在通信、业务和网络层做了一些优化。在通信层，改造私有协议，优化长连复用;在业务层，分不同段请求，优化内部调用链路;在网络层，压缩系统间网络开销，从纯异步的方式改造成多段同步的方式。

　　正因如此，自今年以来云函数请求性能已经提升了 60%。据了解，小程序端一次云函数的请求，在测试环境中也已降到 140 毫秒，其中的相关优化也将在下一个微信版本中进行发布。

　　附：微信开发者工具开发小程序的基本步骤

　　1.获取微信小程序的AppID

　　首先，我们需要拥有一个帐号，如果你能看到该文档，我们应当已经邀请并为你创建好一个帐号。注意不可直接使用服务号或订阅号的 AppID。 利用提供的帐号，登录https://mp.weixin.qq.com,就可以在网站的「设置」-「开发者设置」中，查看到微信小程序的 AppID 了。

　　2.创建项目

　　我们需要通过开发者工具，来完成小程序创建和代码编辑。

　　开发者工具安装完成后，打开并使用微信扫码登录。选择创建「项目」，填入上文获取到的 AppID，设置一个本地项目的名称(非小程序名称)，比如「我的第一个项目」，并选择一个本地的文件夹作为代码存储的目录，点击「新建项目」就可以了。

　　为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择「是」，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

　　项目创建成功后，我们就可以点击该项目，进入并看到完整的开发者工具界面，点击左侧导航，在「编辑」里可以查看和编辑我们的代码，在「调试」里可以测试代码并模拟小程序在微信客户端效果，在「项目」里可以发送到手机里预览实际效果。

　　3.编写代码

　　点击开发者工具左侧导航的「编辑」，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js 后缀的是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。

　　4.创建页面

　　在这个教程里，我们有两个页面，index 页面和 logs 页面，即欢迎页和小程序启动日志的展示页，他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。

　　每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js 后缀的文件是脚本文件，.json 后缀的文件是配置文件，.wxss 后缀的是样式表文件，.wxml 后缀的文件是页面结构文件。

　　页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。

　　5.手机预览

　　微信开发者工具左侧菜单栏选择「项目」，点击「预览」，扫码后即可在微信客户端中体验。

　　以上就是微信开发者工具开发小程序的基本流程，需要一定的技术才可以实现，如果企业没有一定的技术提供，小编建议还是找一个第三方的小程序开发公司，比如销客多小程序开发系统，帮助商家快速一站式部署移动电商解决方案。了解更多还可以登录销客多小程序系统免费体验。

来自公众号InfoQ

小程序开发相关推荐

　　小程序分销系统_小程序分销商城_微信小程序三级分销开发免费体验-HiShop销客多

　　HiShop销客多打造2019年全新的SAAS微信小程序分销系统，快速搭建开店，拥有强大的分销功能，数十款营销工具，完善的管理体系，有效锁粉，等诸多优势，是商家网上开店必选的小程序商城系统。

　　5种不同的小程序开发框架 对比_Hi小程序

　　5种不同的小程序开发框架 对比.最新消息总结,开发一个小程序我们可以选择的第三方框架有5种,大家比较熟悉的有美团小程序框架mpvue,还有组件化框架等等..

　　微信小程序开发-分销小程序商城制作-小程序商店大全免费发布-Hi小程序

　　Hi小程序官网,汇集当下热门微信小程序商城开发,提供分销小程序商城开发队,不再纠结分销小程序商城开发多少钱,免费发布优质的小程序