微信小程序怎么开通 微信小程序怎么申请使用?开发及调试编译程序运行方法(实例)

将近一年后,微信小程序正式发布。对于开发者,朋友可以申请以后自己创建小程序。那么如何申请微信小程序呢?以下小系列将详细分享从零开始做一个微信小程序的实际开发教程,希望操作步骤对刚入门的开发者有所帮助。
微信小程序开发步骤
微信小程序应用前的准备:
首先,你需要注册一个小程序帐户。需要用未注册微信官方账号的邮箱地址注册。注册过程需要大量的认证,比较繁琐。如果只是暂时试水,没有发布的打算,只需要填写基本信息,不需要完成微信认证。
之后就可以在公共平台用注册的账号登录了。
然后在主页左侧列表中点击设置,然后在设置页面中选择开发设置,就可以看到AppID了。AppID可以用来在开发工具中注册,使用开发工具的高级功能。可以在官网下载开发工具。
开始项目:
打开开发工具,选择小程序选项,然后直接点击“添加项目”按钮。在这一步,我们可以填写刚才注册时使用的AppID。
如果项目目录中的文件是空文件夹,将提示您是否创建快速启动项目。
选择“是”,开发人员工具将帮助我们在开发目录中生成一个简单的演示。
这个演示有一个完整的小程序大纲。
1.结构
让我们首先看一下官方演示中包含的目录:
App.js: applet逻辑,生命周期,全局变量。
App.json:小程序的公共设置,导航栏颜色等。,它不能被注释。
App.wxss:一种常见的小程序样式,类似CSS。
小程序页面是这样组成的:
每个applet页面由四个不同的后缀文件组成,它们在相同的路径下具有相同的名称,如index.js、index.wxml、index.wxss和index.json
微信小程序中每个页面的路径和文件名都需要写在app.json的页面中,pages数组中的第一页就是小程序的第一页。
这四个文件根据它们的功能可以分为三个部分:
配置:json文件
逻辑层:js文件
【微信小程序怎么开通 微信小程序怎么申请使用?开发及调试编译程序运行方法(实例)】视图层:wxss.wxml文件
在iOS上,小程序的逻辑代码在JavaScriptCore中运行,而在Android上,这个任务交给X5内核。
在开发工具上,小程序的JavaScript代码运行在NW.js中,这也导致了开发工具和实际效果的差异。
2.成分
微信提供了很多组件,主要分为八种:
其中包括视图、滚动视图、按钮和表单等常用组件,还提供了mapcanvas
组件主要属于视图层,视图层是由WXML结构化布局的,类似于HTML。样式由WXSS定义和修改,其语法和用法与CSS类似。
组件使用语法示例:

    推荐阅读