微信小程序基础

1. 介绍

1.1 优点

• 是一种不需要下载安装即可使用的应用。
• 可以借助微信的流量入口，方便推广应用。

1.2 开发方式

1.套模板小程序
就是购买互联网公司的模板小程序。它的优缺点很明显，
优点搭建速度快、价格低；号称三分钟就能搭建上线。
缺点是缺乏个性化、功能不灵活、用户体验较差、售后服务难以保证

2.定制开发小程序
定制开发分两种，
一是自己组建小程序开发团队，
二是委托外包公司做定制开发。
定制开发优点是完全符合需求，要说缺点，就是费钱、耗时间。有多贵，几万到几十万不等，
但贵有贵的好处，好比出自一流设计师的高级定制服装，完全按你的需求开发。适合有特殊的需求的企业开发

3.行业专用小程序
根据你的行业特点，来制作最适合你的小程序。
教育行业就用教育行业的小程序；美妆行业就用美妆行业的小程序。
行业专用小程序，
具备套模板小程序的优点，制作快，
又能避免定制开发小程序的贵，
价格适中，搭建速度快

2. 开发准备

2.1 申请

https://mp.weixin.qq.com

2.2 申请测试号

https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html

---

---

点击申请地址，扫描二维码

 

2.2 小程序开发的两种方式

1. 后端服务:不使用云服务。自主开发小程序需要的支持服务。好处是自主可控，数据保密性较好。
2. 使用现成的云服务，不能开发部署服务，直接调用云服务。

2.3 开发工具

下载

---

 

 

2.4 申请测试appid

 

点击【申请地址】扫码获取测试appid

3. 开发一个demo

3.1 创建项目

• 创建项目
• 

---

 

 

• 项目完成后界面
• 

 

3.2 配置

将“开发环境不校验请求域名以及 TLS 版本”勾上。这样在微信开发者工具中，也可以随意访问了。甚至可以使用 http://localhost:8000/ 这种既不带 https，也是本地地址，也带端口的地址。

 

3.3 常用框架

• 微信原生框架(MINA)
• 其他框架uni-app/wepy/mpvue， 使用比较多的uni-app，优点：开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

3.3 目录结构说明

目录结构如图：

 

在上图中，所有的页面组件放在pages目录中，pages中的每个子目录可以看作是一个组件，每个组件分为四个部分，即如下表格：

文件	说明
.js	页面逻辑
.json	页面配置
.wxml	页面显示
.wxss	页面样式

utils包： 用于放置全局需要的工具方法
app.js
app.json
app.wxss
以上三个文件为小程序全局配置文件。

project.config.json 这个文件就是项目的一些配置信息，包括版本、依赖、程序名之类。

 

3.4 新建组件

• 可以在pages中创建一个目录，然后如上面一个表格所示，创建四个文件，这四个文件，名称相同，扩展名不同。这种方式比较麻烦。
• 直接通过配置：app.json配置文件，（在app.json配置文件中，放在第一个的组件作业默认显示组件）

---

 保存配置文件后会自动创建目录及相关文件