微信小程序:

注册账号

访问注册页面,耐心完成注册即可。

获取APPID

由于后期调用微信小程序的接口等功能,需要索取开发者的小程序中的APPID,所以在注册成功后,可登录,然后获取APPID。

登录,成功后可看到如下界面

微信小程序如何生成 URL Scheme_开发者

然后复制你的APPID,悄悄的保存起来,不要给别人看到😄。

微信小程序如何生成 URL Scheme_学习_02

开发工具

严格来说,微信小程序支持所有的开发工具,但是从效率和便利性来说,推荐如下

  1. vs code 下载地址
  2. 微信自己的微信小程序开发工具 下载地址

我的第一个微信小程序

下面开始演示如何创建我的第一个微信小程序

安装微信小程序开发者工具

下载好微信小程序开发者工具后,直接双击安装,一直点击下一步即可。 安装好后,界面如下

微信小程序如何生成 URL Scheme_开发工具_03

选择小程序项目

微信小程序如何生成 URL Scheme_开发者_04

新建项目

微信小程序如何生成 URL Scheme_学习_05

创建项目

微信小程序如何生成 URL Scheme_微信小程序_06

成功

微信小程序如何生成 URL Scheme_开发者_07

微信开发工具深入介绍

工具介绍

微信小程序如何生成 URL Scheme_学习_08

小程序结构目录

小程序框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。

小程序框架提供了自己的视图层描述语言 WXMLWXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

官网

小程序文件结构和传统web对比

结构

传统web

微信小程序

结构

HTML

WXML

样式

CSS

WXSS

逻辑

Javascript

Javascript

配置


JSON

通过以上对比得出,传统web 是三层结构。而微信小程序 是四层结构,多了一层 配置.json

基本的项目目录

微信小程序如何生成 URL Scheme_学习_09