小程序系列--1.小程序入门

一、小程序简介

1. 小程序与普通网页开发的区别

        1. 运行环境不同 

        网页运行在浏览器环境中

        小程序运行在微信环境中

        2. API 不同

        由于运行环境的不同,所以小程序中, 无法调用 DOM 和 BOM 的 API。 但是,小程序中可以调用微信环境提供的各种 API,例如: 地理定位 扫码 支付

        3. 开发模式不同

        网页的开发模式:浏览器 + 代码编辑器 小程序有自己的一套标准开发模式:

申请小程序开发账号

安装小程序开发者工具

创建和配置小程序项目 

二、注册小程序开发帐号

1、使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发账号的注册流程,主要流程截图如下: 

小程序系列--1.小程序入门_第1张图片

2.选择注册账号的类型

小程序系列--1.小程序入门_第2张图片 3. 填写账号信息

小程序系列--1.小程序入门_第3张图片 4. 提示邮箱激活

小程序系列--1.小程序入门_第4张图片

5. 点击链接激活账号 

小程序系列--1.小程序入门_第5张图片 6. 选择主体类型

小程序系列--1.小程序入门_第6张图片

7. 主体信息登记 

8. 获取小程序的 AppID 

小程序系列--1.小程序入门_第7张图片

三、安装开发者工具

 1、微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:

快速创建小程序项目

代码的查看和编辑

对小程序功能进行调试

小程序的预览和发布

2. 下载 

推荐下载和安装最新的稳定版(Stable Build)的微信开发者工具,下载页面的链接如下: https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html 

3. 安装 

小程序系列--1.小程序入门_第8张图片

小程序系列--1.小程序入门_第9张图片

小程序系列--1.小程序入门_第10张图片 4. 扫码登录

小程序系列--1.小程序入门_第11张图片

5. 设置外观和代理 

 小程序系列--1.小程序入门_第12张图片

四、创建小程序项目

 1. 点击“加号”按钮

小程序系列--1.小程序入门_第13张图片 2. 填写项目信息

小程序系列--1.小程序入门_第14张图片

3. 项目创建完成 

小程序系列--1.小程序入门_第15张图片 4. 在模拟器上查看项目效果

小程序系列--1.小程序入门_第16张图片 5. 主界面的 5 个组成部分

小程序系列--1.小程序入门_第17张图片

你可能感兴趣的:(小程序,小程序)