腾讯微信小程序目前已经正式上线了,对于很多用户来说这是一个便利的使用工具,不过有不少开发者最想要知道的就是自己要如何申请一个微信小程序,下面给各位朋友带来相关解答,有兴趣的朋友赶紧来详细了解一下吧。
使用教程:
准备微信applet应用程序:
首先你需要注册一个小程序帐户。您需要注册一个没有注册公共号码的邮箱。注册过程需要大量认证,有些繁琐。如果您只是对水进行测试并计划暂时放行,那么您只需完成基本信息,而无需完成微信认证。
然后,您可以使用公共平台上的注册帐户登录。
然后,单击主页左侧列表中的设置,然后在设置页面中选择开发设置以查看AppID。使用开发工具的高级特性,AppID可以用于注册开发工具。您可以从官方网站下载开发工具。
启动项目:
打开开发人员工具,选择小程序选项,然后单击“添加项目”按钮。我们可以使用这一步来填写我们刚才注册的AppID。
如果项目目录中的文件是空文件夹,则会提示您创建快速启动项目。
选择“是”,开发人员工具将帮助我们在开发目录中生成一个简单的Demo。
这个Demo有一个完整的applet的概要。
1.框架
我们先来看一下官方Demo提供的目录:
App.js:applet逻辑,生命周期,全局变量。
App.json:applet公共设置,导航栏颜色等。无法评论。
App.wxss:applet的公共风格,类似于CSS。
小程序页面配置如下:
每个applet页面由四个不同的后缀文件组成,这四个不同的后缀文件在同一路径下具有相同的名称,例如:index.js,index.wxml,index.wxss,index.json
微信applet中每个页面的路径和页面文件名都需要写在app.json的页面中,页面数组中的第一页是applet的主页。
这四个文件可以按功能分为三部分:
配置:json文件
逻辑层:js文件
查看图层:wxss.wxml文件
在iOS上,小应用程序的逻辑运行在JavaScriptCore中。在Android上,这个任务被交给了X5内核。
在开发工具中,applet的JavaScript代码在NW.js(Chrome内核)中运行。这也导致开发工具的有效性与实际结果之间存在差异。
2.组件
微信提供了很多组件,主要分为八种类型:
这包括常见组件,如视图,滚动视图,按钮和表单以及地图贴图
组件主要属于视图层,由WXML构成,类似于HTML。样式由WXSS定义和修改。其语法和用法与CSS类似。
组件使用语法实例:
<view这是一个普通视图view<viewclas="mainView"样式修改过的视图view
3. API
网络
媒体
数据
位置
设备
界面
开发接口
网络请求接口包含了普通的 HTTPS 请求,支持上传、下载、Socket,基本上满足了我们开发中所需要的网络需求。
这些 API 属于逻辑层,写在 JS 逻辑文件中。
使用实例:
wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy } })
可以到官方文档 – API 查看其它 API 的使用方法。
编译运行
1. 模拟器调试
我们可以在WeChat提供的开发者工具中使用模拟器来查看applet运行的效果。
我们之前提到,applet运行在不同的级别,这也会对模拟器产生影响,这与在手机上运行有所不同。
2.真机调试
在选项栏的左侧选择项目,然后点击预览产生一个二维码,用管理员微信号扫描,可以看到实际机器上的实际效果。