微信小程序有哪些接口?微信小程序开发 。这两天,微信小程序再次成为网友们谈论的一大热点,就在昨天下午,微信官方首次对微信小程序的能力进行了全面解读,并在现场对小程序作了案例展示 。
据微信官方介绍,小程序包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能 。开始开发微信小程序应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信认证第三方开发商“赢在移动”提供 。)
文章插图
本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果 。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志 。
1. 获取微信小程序的 AppID
首先,我们需要拥有一个帐号,如果你能看到该文档,我们应当已经邀请并为你创建好一个帐号 。注意不可直接使用服务号或订阅号的 AppID 。利用提供的帐号,登录微信公众平台官方,就可以在网站的「设置」-「开发者设置」中,查看到微信小程序的 AppID 了 。
注意:如果我们不是用注册时绑定的管理员微信号,在手机上体验该小程序 。那么我们还需要操作「绑定开发者」 。即在「用户身份-开发者」模块,绑定上需要体验该小程序的微信号 。本教程默认注册帐号、体验都是使用管理员微信号 。
2. 创建项目
我们需要通过开发者工具,来完成小程序创建和代码编辑 。
开发者工具安装完成后,打开并使用微信扫码登录 。选择创建「项目」,填入上文获取到的 AppID,设置一个本地项目的名称(非小程序名称),比如「我的第一个项目」,并选择一个本地的文件夹作为代码存储的目录,点击「新建项目」就可以了 。
为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目 。选择「是」,开发者工具会帮助我们在开发目录里生成一个简单的 demo 。
项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在「编辑」里可以查看和编辑我们的代码,在「调试」里可以测试代码并模拟小程序在微信客户端效果,在「项目」里可以发送到手机里预览实际效果 。
3. 编写代码
点击开发者工具左侧导航的「编辑」,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件 。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个 。其中,.js 后缀的是脚本文件,.json 后缀的文件是配置文件,.wxss 后缀的是样式表文件 。微信小程序会读取这些文件,并生成小程序实例 。
下面我们简单了解这三个文件的功能,方便修改以及从头开发自己的微信小程序 。
app.js 是小程序的脚本代码 。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量 。调用 MINA 提供的丰富的 API,如本例的同步存储及同步读取本地数据 。
//app.js
App({
onLaunch: function () {
//调用API从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
getUserInfo:function(cb){
var that = this;
if(this.globalData.userInfo){
typeof cb == "function" && cb(this.globalData.userInfo)
}else{
//调用登录接口
wx.login({
success: function () {
推荐阅读
- Win8系统电脑怎么恢复出厂设置?
- 2018年交行小额贷款优势有哪些?申请办理注意哪些事项解答!
- 小白菜的功效与作用
- 微信小程序要收费吗?微信小程序的收费标准
- 三文鱼煲仔饭
- 笔记本3060比2060性能高多少?笔记本2060和3060的性能区别
- 炎夏食用“天然抗生素”大蒜保健康
- 信用贷款申请条件有哪些?信用贷款申请流程是什么?
- 平安信用卡申请进度在哪查询?平安信用卡进度怎么查询