该广告由百度联盟提供,不代表本站立场。

一、为什么要学习微信小程序开发

微信小程序是一个可以在微信上打开的轻应用,他是由多个页面组成的程序,跟传统APP比较如下:

优点

1、不需要在应用商店下载,不占用内存空间,即开即用

2、可以在微信内直接打开使用,方便透过微信传播分享,有许多API可以很方便的调用(例如微信支付)

3、开发成本低,微信提供了一整套的开发者工具和云数据库,不需要再另外搭环境和安装中间件

缺点

1、需要在微信小程序限定的框架内搭建,小程序有自己的编程语言,需要时间熟悉

2、功能和性能方面有明显的上限,无法做功能复杂的软件,小程序运行流畅度不算太好

从上面看来,小程序比较适合在一些简单场景下使用,例如我们到餐厅点餐就很适合,因为用户不需要再去下载一个APP,而且付款可以直接使用微信付款,相当方便。而前一阵子很流行的跳一跳也是,用户不需要去下载游戏,直接打开就可以玩,还可以透过微信接口可以看到朋友的战绩,透过微信传播也让他的热度一下增长了许多。在合适的应用场景下,微信小程序提供了非常多的优势,这也是我们为什么要学小程序的开发

二、准备步骤

1、注册账号

首先先去微信公众平台注册账号

https://mp.weixin.qq.com

里面有一整套很完整的注册流程,就不展开说明了。

2、下载开发者工具

接着再去下载开发者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html),开发者工具提供了一整套工具,包含模拟器、编辑器、调试器,非常的方便,详细的使用方式可以直接看官方文档。

3、开启云管理平台

强烈推荐开启,微信提供了一定额度的免费云储存空间,可以储存数据库、文档,还可以查看APP的运营情况,报表统计之类的,不需要自己再搭建一个后台。

这边要注意的是开启后需要在app.json里面添加”cloud”:true再刷新。

4、阅读官方开发文档

https://developers.weixin.qq.com/ebook?action=get_post_info&docid=0008aeea9a8978ab0086a685851c0a

文档有点长,需要大概花5-6小时来阅读,由于微信小程序在前端的WXML、WXSS与传统的HTML+CSS有很大的不同,需要先了解其差异,才能比较好的把页面写出来,再来是控制方面,虽然都是用JS,但微信小程序将逻辑层与渲染层分开,执行如下图。

5、熟悉开发者工具

开发者工具有4个主要的模块,如下图,分别是模拟器、编辑器、调试器和云管理平台,前面用的比较多的会是模拟器和编辑器。

在编辑器的资料夹内,有三个文档,如下图,app.js是对整个小程序的JS逻辑编译,app.json是对小程序的配置做一些设定,app.wxss是对小程序的画面做全局的渲染。

在app.json里面我们可以创建新的页面,新的页面会在page资料夹显示,每个新创的页面会包含了四个文件

跟app里面的一样,多出的wxml就是小程序的页面显示,类似于html文档,wxss对应css。了解这些基础的架构后就可以开始进行小程序的编辑了,下一篇文章我们会简单的编辑一个小程序让大家了解整个流程。

该广告由百度联盟提供,不代表本站立场。
64位Linux系统 API数据分析 Android应用市场 Android开发 Android电视盒子 Android签名证书生成 Apk上架应用商店 Aplayer报错解决方案 Aplayer播放器 App Store CDN DSDT Django Excel FM发射器 Git GitHub GitHub page Github Git用户名邮箱修改 Google Analytics Google Play Google/Baidu search Google插件 H5与CSS3 HBuilder HBuilder打包APP HBuilder打包ipa Hexo Hexo-neat插件 Homebrew Cask JavaScript学习笔记 Linux常见命令 MySQL数据库 Python Python爬虫 SEO优化 Videoscribe Vue Vue电商 Windows10 api接口搭建 console css特效 git clone 速度过慢 hexo hexo-admin插件 hexo-sakura主题 hexo-tag-aplayer插件 hexo主题 hexo博客美化 homebrew iOS iOS开发 js用法、范例 koolshare live2d看板动画 node.js npm 安装踩过的坑 oc引导 openwrt软路由系统 python qlv视频下载 robots.txt valine评论 win10 wx-server-sdk 个人主页 个人开发者 中国移动魔百盒 中文免费版 中文破解版 云函数 优化访问速度 傻瓜EXE 全球加速 博客 又拍云 反编译 和风天气 国内CODing托管 图床 域名加速 学习笔记 宝塔 实践项目 小技巧 小程序开发 开源小游戏 微信公众号 微信小程序 微信小程序开发 微擎 必应每日一图 抖音小程序 教程 数据可视化 本地打包iOS包 机械革命 树莓派 树莓派4b 爱奇艺下载器 电池补丁 百度云cdn 百度地图api 百度搜索 百度收录 百度权重 百度统计 突发奇想 站点地图 笔记 腾讯广告 腾讯视频 腾讯视频下载 自制小玩意儿 访问者地图 谷歌Adsense 软路由 静态数据库 面试题 黑苹果

等待也是约会的一部分嘛