微信小程序基础

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配置文件中,放在第一个的组件作业默认显示组件)


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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值