微信小程序开发-沈阳微信开发

如果要开发小程序，首先必须学习一组微信特殊的“开发语言”。

为了让大家开始使用这种开发语言，微信正式提供了一个非常详细的开发文档：

如果您没有时间阅读，还有一个节省时间和省力的选择：程序（微信 zxcx0101）准备了官方开发文档的超简化版本，其中不仅包含所有重要内容官方文件的信息，也是原始文本。三分之一。只要您阅读本文，就可以快速开始使用小程序开发。注意：本文适合具有一定编程基础的人阅读。对于基于零的学习小程序开发，请继续关注程序的后续内容（微信 zxcx0101）。语言和文件您可能知道，微信小程序开发的开发与其他平台的不同之处在于微信使用的开发语言和文件是“特殊的”。 小程序使用的程序文件类型大致分为以下几种：WXML（WeiXin Mark Language，微信标记语言）WXSS（WeiXin样式表，微信样式表）JS（JavaScript，正文小程序）在语言方面，似乎小程序几乎重新定义了一套标准。但实际上，它们与“前三部分”—— HTML，CSS和JavaScript——没有太大区别。下面，让我们比较小程序开发语言和“前三件”之间的异同：HTML和WXML：两者之间的差异相对较大。如果您之前没有触及Android开发，您可能会感到头痛。实际上，WXML更像是Android开发中的接口XML描述文件，它更适合于程序接口的构建; HTML往往会显示文章（这与HTML的历史有关），以及互联网页面的构建。 WXSS和CSS：两者之间的语言几乎没有差异，可以直接使用。 JS文件：小程序的JX文件与用于前端开发的JS几乎相同。 小程序的JX添加了一些微信的API接口，并删除了一些不必要的函数（如DOM）。在语言方面，小程序完全符合低学习前端开发，但这并不意味着所有前端开发人员都可以直接无缝迁移。如果要从前端开发转移到小程序，则需要注意以下两点：HTML和WXML文件的构建思路完全不同。如果您之前只涉及过前端开发，则需要一点时间来适应WXML编写方法。尽管小程序使用前端语言，但这并不意味着您可以继续使用前端开发思想（类似于Node.js的前端开发）。 小程序将前端开发的需求从“构建界面”升级到“开发完整的应用程序”，前端开发仍需要改变意识。界面构建基本逻辑WXML和WXSS文件是小程序界面元素声明和样式描述文件。 WXML的一大特色是以视图的形式序列化界面元素，并通过程序逻辑（AppService）将信息更新实时传递给视图层。该视图类似于HTML中的div元素。在构建时，视图可以嵌套在多个级别中，任何可视元素都可以放在视图中。应该注意的是，一旦元素超出屏幕，用户就再也看不到它，这与HTML完全不同。例如，移动电话的屏幕被设想为舞台，观众不能看到舞台外的演员。

小程序有一个专用于滚动的视图。如果您希望界面是可自由滚动的界面（例如列表），您可以使用滚动视图视图将其调整为WXSS中的整个屏幕并设置scroll-y（向上和向下）Scroll）或滚动 - x（左右滚动）为true。

DOM控件WXML元素不能直接在小程序中使用。如果需要更新数据，则需要使用WXML提供的数据绑定和元素呈现方法。另一点需要注意的是，小程序栅格布局系统使用Flex布局，这是W3C在2009年提出的排版标准。绑定数据对于单个字段，开发人员可以使用数据绑定方法来更新信息。绑定数据可以在JS主程序中以函数的形式更新，除了在加载时更新，并且更新还可以反映在界面上的绑定数据中。条件渲染和列表（循环）渲染

条件渲染适用于具有意外提示的页面（例如无法加载列表或详细信息时等）。它的渲染有一个触发条件，当它满足条件时呈现页面，否则它会忽略或呈现另一段代码。

两个花括号中包含的判断条件中的变量在主程序JS代码中的数据中声明。

如果需要在界面中构建列表，可以使用WXML中的循环渲染来收集相同的元素渲染代码。循环数据可以写入数组中的数据以进行WXML访问。

渲染完成后，渲染判断条件的变化会影响界面变化。

模板和参考WXML支持使用模板和引用来减少代码大小。模板是在WXML代码中复用相同代码的方法。

可以使用import将多个模板写入同一文件并在其他文件中引用。

如果您需要整个页面引用，则需要使用include。

样式通过WXSS样式表，开发人员可以在WXML中定义元素样式。与CSS代码一样，WXSS可以使用选择器直接选择元素。也可以在WXML中直接定义元素的id和类，以便在WXSS文件中定义样式。用户操作和事件响应

由于微信不使用HTML，因此无法通过添加超链接（元素）来监视用户的单击事件。对于需要侦听单击事件的元素，应使用bindtap属性或catchtap属性将它们绑定到WXML中。

除了单击一次，微信还提供事件响应，如按下，开始触摸和放开。

在WXML中绑定事件后，它可以在主程序JS中使用。

其他API中还有其他相应的事件，可以在微信小程序的官方文档中找到。

当您需要在小程序的页面之间跳转时，您应该使用wx.navigateTo（）方法。

应该注意的是，页面级跳转，微信将级别跳转限制为五个级别。有必要注意在开发过程中是否超过相应的限制。网络访问小程序支持三种请求方法。一个是直接HTTP连接请求，它在请求之后直接返回结果，并且连接结束。另一个是Socket持久连接。当一方主动关闭连接时，连接结束。除了上述两种发送和接收纯文本的方式外，微信还提供了文件收发接口。录制在小程序中的语音和所选照片都需要使用此方法上传。要通过小程序访问网络，服务器必须支持HTTPS安全连接，端口号必须为443.同时，小程序只能访问开发人员在注册小程序时设置的服务器地址。多媒体和存储如果您需要在小程序中播放多媒体（包括音频和视频）或数据存储，则无法使用HTML 5中提供的标准，您必须使用小程序多媒体播放控制接口和微信提供的存储接口。声音界面有两个界面：音频播放和音乐播放。音频播放提供三个界面，用于播放，暂停和停止播放。它不提供跳转到播放时间点的功能，也不能捕获当前播放进度。除了上述基本播放控制之外，音乐播放器界面还提供诸如音乐状态检查和监视之类的功能。 小程序提供照片和视频数据交换接口。通过此界面，小程序可以访问用户选择或拍摄的照片和视频。通过录音和视频照片界面获取的多媒体信息是临时的，文件需要通过小程序存储文件界面永久保存。对于文本数据，小程序还提供了存储此类数据的接口。从Android或其他应用程序等平台迁移的开发人员需要注意小程序不提供数据库样式的本地数据保存表单，而是将其保存为一对一的“字段值”形式。 与硬件相关的小程序依赖于微信并提供许多与硬件相关的API。以下数据，小程序可以通过API获得。系统相关信息（包括网络状态，设备型号，窗口大小等）重力感应数据指南针数据通过上述API，应该很容易编写诸如“摇动”之类的交互式页面。但是，应该注意的是，由于这些数据只能主动获得，所以不能通过这些数值变化的回调实时获得。推送服务小程序提供推送服务，以便随时向用户发送必要的通知。但请注意，推送服务只能用于通知提醒，不能用于群组发送。在小程序中，推送服务被称为“模板消息”（之前开发过服务号的开发人员应该很熟悉）。开发人员需要在微信小程序的后台注册新的模板推送消息（例如购买成功通知），并在他们可以使用小程序中的模板消息推送服务之前通过审核。具体的审计标准建议参见相应的文件。模板消息获得批准后，开发人员需要从微信服务器获取访问令牌，然后将模板中的值，模板编号和动态变量（如订单号，价格等）提交到微信，然后按通过微信通知用户。用户信息和微信付款小程序可以在用户同意的情况下获取用户的信息。 小程序首先要求用户通过微信登录的接口登录。之后，小程序可以显示和使用用户信息。使用微信登录时，您需要知道需要对消息进行签名以确认其完整性，然后才能保护数据不被篡改。 小程序也可以使用微信支付。应当注意，当发送支付请求时，需要将签名添加到所发送的消息以确认消息完整性。以上是该计划为每个人所知的官方发展文件的“关键信息”。 但是，如果您想熟悉小程序，则无法做到。你仍然需要这样做。如果在开发过程中遇到问题，众所周知的方法是查阅微信的官方小程序开发文档。我相信在文档中，您可以找到解决大多数问题的方法。