文章目录

前言

一、微信小程序开发流程

  • 1.流程介绍
  • 2.账号申请
  • 3.下载小程序开发工具
  • 4.创建项目
  • 5.编辑器使用
  • 7.项目配置
  • 8.项目结构
  • 二、微信小程序文件特性


前言

微信小程序其实就是一种不需要下载安装即可使用的应用,它基于微信运行,类似于APP,不过无需下载安装,想用就用,用完即走,不占内存。开发上也要比APP简单很多,成本要低一些,中小商家和个人也可承受。比如我们常见的摩拜单车、滴滴打车小程序,虽然你没有安装APP,但通过微信你依然可以正常使用骑车、打车服务,不用单独下载它的APP,这就相当方便。

一、微信小程序开发流程

1.流程介绍

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_App

2.账号申请

账号申请:https://mp.weixin.qq.com/wxopen/waregister?action=step1

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_App_02

3.下载小程序开发工具

下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_json_03

4.创建项目

  • AppID:微信小程序的唯一id后续操作的唯一依据
  • 测试号:仅供开发demo使用,不能发布线上
  • 小程序云开发:为小程序开发者提供完整的云端支持,让不具备一定后端知识的开发者也能高效的开发出一款高质量的小程序

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_微信小程序安卓ios逗号展示不一样_04

5.编辑器使用

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_json_05

7.项目配置

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_App_06

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_json_07

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_微信小程序安卓ios逗号展示不一样_08

8.项目结构

  • pages 页面目录
  • Utils js工具类
  • App.js 小程序入口
  • App.json 小程序配置
  • App.wxss 样式
  • project.config.json 项目配置文件
  • sitemap.json 小程序的seo文件

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_微信小程序安卓ios逗号展示不一样_09

二、微信小程序文件特性

  • Index.js js逻辑文件
  • Index.json 页面配置
  • Index.wxml 静态页面 对应html文件 小程序有自己的wxml标签,不能使用常规的HTML标签
  • Index.wxss 样式文件 对应css文件

小程序的js加载不造成页面阻塞,小程序底层会拆分2条线程分别执行js和wxml文件

微信小程序安卓ios逗号展示不一样 微信小程序 安卓_App_10