一、微信小程序的基础技术
-
小程序的基础语言
- WXML(微信小程序标记语言):类似于 HTML,用于描述小程序的页面结构。
- WXSS(微信小程序样式表):类似于 CSS,用于描述小程序的样式。
- JavaScript:用于实现小程序的逻辑和交互。
-
小程序的框架
- 小程序框架:微信提供的框架,包含一系列组件和 API,用于开发小程序的页面和功能。
二、开发工具
-
微信开发者工具
- 下载和安装:从 微信公众平台下载微信开发者工具。
- 功能:提供代码编辑、调试、预览、发布等功能,是开发小程序的必备工具。
三、注册与认证
-
注册小程序
- 微信公众平台:在 微信公众平台注册一个小程序账号。
-
开发者认证
- 个人认证:个人可以注册和开发小程序,但功能受限。
-
企业认证:企业认证需要提供公司相关资料,认证后可使用更多高级功能。
对于普通的企业来说,企业认证多了微信支付、微信券的功能。
1.跟钱交付打交道的功能
2.企业级的部分数据功能(大部分的商家是不会用到或者意识到有这个功能)
四、小程序开发的核心概念
-
页面与组件
- 页面:小程序的基本单元,每个页面都有自己的逻辑和样式。
- 组件:可复用的页面片段,封装特定的功能或 UI。
-
生命周期
-
应用生命周期:
App()
的生命周期函数,如onLaunch
、onShow
。 -
页面生命周期:页面的生命周期函数,如
onLoad
、onReady
、onShow
。
-
应用生命周期:
-
数据绑定
-
数据绑定:在 WXML 中使用
{{ }}
进行数据绑定,动态更新视图。
-
数据绑定:在 WXML 中使用
-
事件处理
-
事件绑定:在 WXML 中绑定事件,如
bindtap
、bindinput
。 - 事件处理函数:在 JavaScript 文件中定义相应的处理函数。
-
事件绑定:在 WXML 中绑定事件,如
五、小程序的 API
-
网络请求
-
wx.request
:用于发起网络请求,获取后端数据。
-
-
数据存储
-
本地存储:
wx.setStorage
、wx.getStorage
等 API。 -
云开发(可选):使用腾讯云提供的云开发功能,无需搭建服务器。
云服务器其实是必须的,华为云、阿里云、腾讯云都可以。(当然我推荐阿里云)
-
本地存储:
-
用户授权
-
获取用户信息:
wx.getUserProfile
,需要用户授权。 -
登录:
wx.login
,获取用户的登录凭证。
-
获取用户信息:
-
界面交互
-
消息提示框:
wx.showToast
、wx.showModal
。 -
导航:
wx.navigateTo
、wx.redirectTo
等。
-
消息提示框:
六、后端支持
-
服务器开发
RESTful API:如果需要与服务器交互,需要编写后端接口,常用语言有 Java(Spring Boot)、Node.js、Python、PHP 等。
轻量级的可以用Nodejs.(这个作为后端真的很鸡肋)
常规用的Java/Golang ,这两个语言是我非常推荐的。数据库:使用数据库(如 MySQL、MongoDB)存储和管理数据。
业务数据库:
一般量级:mysql
海量级别:ocean base
非关系型数据库 :redis
底层数据分析库:clickhouse(一般用不上)
分布式文件存储 :云服务器的oss功能,比起常规的sftp好用很多
这块是后端架构需要考虑的,前端不需要考虑
-
云开发(可选)
- 微信云开发:微信提供的无服务器云开发环境,包括云函数、云数据库和云存储。
七、框架与工具(可选)
- 第三方框架
-
uni-app
简介:使用 Vue.js 语法开发小程序和多端应用,支持一次开发,多端部署。
优点:如果您熟悉 Vue.js,可以快速上手,支持微信、支付宝、百度、字节跳动等多个小程序平台。
(目前的选择)-
Taro
- 简介:由京东开源的多端开发框架,支持使用 React 或 Vue.js 语法。
-
优点:一次编写,多端运行,支持小程序、H5、React Native 等。
(低代码、基础需要react)
-
使用这些框架的优势
- 跨平台:一套代码,多端运行,节省开发成本。
八、学习资源
-
官方文档
-
微信小程序开发文档:详细介绍小程序的开发指南和 API 参考。
-
uni-app 官方文档:
-
Taro 官方文档:
-
-
社区和论坛
-
微信小程序社区:参与讨论,获取帮助。
GitHub:查找开源的小程序项目.
-