导航

媒体形成：音频，图片，视频。

地图

帆布

文件操作能力

网络：上传下载能力，

数据：数据缓存能力

位置：获取位置，查看位置

设备：网络状态，系统信息，重力传感，指南针

接口：设置导航栏，导航，动画，绘图等。

打开接口：登录，包括签名加密，用户信息，微信支付，模板消息

审查：

根据“微信微型计划平台服务协议”，相关描述如下：

2.4为了确保微信迷你节目平台，微信公共平台和其他用户的安全性，稳定性和良好的用户体验，将发布需要发布的批准的。

“发布审查”是指用户发起的设备，并将其提交给初始开发的初始开发。在各个方面，例如用户体验，审查，筛选，测试和评估的过程中，包括但不限于开发信息验证，安全测试，UI测试，随机测试，动态测试，安全测试，安全测试和其他方法。发布结果不包括两种类型的审查和批准。如果审查失败，则不会发布小程序。

之后，对小程序的审查很可能会采用与应用程序相似的策略，但是与对其他微信平台的审查相比，您是严格而复杂的。

教程：

微信申请号的新标题（，“应用程序编号”）终于在这里！它仍处于内部测试阶段，微信只邀请一些公司参加密封测试。大概每个人都在乎申请号的最终形式。如何将“服务号”转换为“小程序”？我们将暂时使用一个简单的第三方工具来演示开发过程。

好的，为了让每个人都尽快看到本教程，Boca Jun注定要熬夜！今晚更新，我希望明天清晨发布第一个教程！记录开始！看看它几天以完成转换！

前言

在开始开发申请编号之前，首先查看官方的“迷你计划”教程！ （以下内容来自微信发布的“迷你计划”开发指南）

该文档将逐步逐步创建微信迷你程序，并可以体验对手机的实际效果。该小程序的首页将显示欢迎单词和当前用户的微信头像。单击头像以查看新打开的页面中当前小程序的启动日志。

1。获取微信

首先，我们需要有一个帐户。如果您可以看到该文档，我们应该邀请您并为您创建一个帐户。注意不要直接使用服务号码或订阅号。使用帐号，登录，您可以在网站的“设置” - “开发人员设置”中检查微信微型程序。

注意：如果我们在注册时不使用微信绑定管理员，请在手机上体验小程序。然后，我们还需要操作“约束开发人员”。也就是说，在“用户身份发展者”模块中，需要绑定小程序的微信信号。本教程的默认注册帐户和经验正在使用管理员微信。

2。创建一个项目

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

开发工具的开发完成后，打开并使用微信扫描登录的代码。选择创建一个“项目”，填写上述，设置本地项目的名称（non -名称），例如作为“我的第一个项目”，然后选择一个本地文件夹作为代码存储目录。单击“新项目”。

为了促进初学者在创建过程中了解微信系的基本代码结构，如果选择的本地文件夹是一个空文件夹，则开发人员工具将提示是否创建项目。选择“是”，开发人员工具将帮助我们在开发目录中生成一个简单的演示。

成功创建项目后，我们可以单击项目输入并查看完整的开发人员工具接口，单击左导航，您可以在“编辑”中查看和编辑我们的代码。模拟小程序效果可以发送到“项目”中的手机，以预览微信客户端的实际效果。

3。编写代码

单击开发人员工具左侧的“编辑”，我们可以看到此项目，该项目已经初始化并包含了一些简单的代码文件。最重要和必不可少的是三个：app.js，app.json，app.wxss。其中，.js后缀是脚本文件。 .json后缀的文件是配置文件，并且.wxss后缀是样式表文件。微信小程序读取这些文件并生成实例。

在下面，我们只是了解这三个文件的功能，从而促进修改并从头开始开发自己的微信微图。

app.js是的脚本代码。我们可以在本文档中监视和处理迷你程序的生命周期函数，并声明全局变量。调用Mina提供的丰富API，例如同步存储和同时读取本地数据。

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

// 应用程序。 （{{{

：（）{{{

//致电API从本地缓存获取数据

= WX。 （'logs'）|| [] []

日志。 （date.now（）））

WX。 （'logs'，日志）

}，，

：（ cb）{{{

=这个; if（this ..）{==“” && cb（this ..）

} else {//调用登录接口

WX。 （{{{

：（）{{{

WX。 （{{{

：（ res）{

那.. = res。; ==“ && cb（that ..）

}））

}）;

}，，

：{{{

： 无效的

}））

app.json是整个的全局配置。我们可以在此文件，小程序的窗口背景颜色，配置导航带样式并配置默认标题中配置小程序组合。请注意，该文件无法与任何注释一起添加。

“”：[“ //”，“/logs/logs”

] ,,,,

“”：{{{

“”：“”，

“”：#fff”，

“ XT”：“”，

“ le”：“”

app.wxss是整个小程序的公共风格。我们可以直接使用app.wxss中在页面组件的属性上声明的模式的样式。

4。创建页面

在本教程中，我们有两个页面，页面和日志页面，也就是说，欢迎页面和小程序启动日志显示页面，它们都在目录中。微信中的每个页面的[路径+页名]需要写在app.json中，而中文的第一页是小程序的主页。

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

.wxml是页面的结构文件：

{{。}}

{{}}

在此示例中，我们使用...构建页面结构，绑定数据并交互处理功能。

.js是页面的脚本文件。在此文件中，我们可以监视和处理页面的生命周期功能，获取小程序实例，声明和处理数据，响应页面交互事件等。

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

//.js//获取应用程序实例var app =（）

页 （{{

数据： {

：''，，

：{}

}，//事件处理功能

：（）{{{

WX。 （{{{

URL：'../ logs/ logs'

}））

}，，

：（）{{{

.log（''）=这个

//调用应用程序实例方法获取全局数据

应用程序。 （（）{{{

//更新数据

那。 （{{{

除了

}））

}））

}））

.wxss是页面的样式：/**。 WXSS **/。 {

：flex;

flex - ：;;

- ：;

.- {{{{

：;

：;

：;

- ：50％；

.- {{{{

：#AAA;

。 {

-顶部：;;

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

.json是页面的配置文件：

页面的配置文件是不需要的。当有页面配置文件时，配置项目将涵盖app.json中相同的配置项目。如果没有指定的页面配置文件，请在此页面上使用app.json中的默认配置。

日志页面结构

“ log-list”>