• 微信小程序开发笔记(一)


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

    微信小程序是一个可以在微信上打开的轻应用,他是由多个页面组成的程序,跟传统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。了解这些基础的架构后就可以开始进行小程序的编辑了,下一篇文章我们会简单的编辑一个小程序让大家了解整个流程。

  • 相关阅读:
    多表查询 left join
    对JS关于对象创建的几种方式的整理
    常见正则表达式
    spring
    富文本编辑器
    Struts2快速入门
    一个MySql Sql 优化技巧分享
    maven
    day3
    Spring MVC
  • 原文地址:https://www.cnblogs.com/yenpaul/p/10335611.html
Copyright © 2020-2023  润新知