【微信小程序】带你进入小程序的世界

✅作者简介:大家好我是hacker707,大家可以叫我hacker,新星计划第三季python赛道Top1
个人主页:hacker707的csdn博客
系列专栏:微信小程序
个人格言:但行好事,莫问前程

【微信小程序】带你进入小程序的世界_第1张图片

初识微信小程序

  • 小程序简介&注册小程序开发账号
    • 小程序简介
    • 注册小程序开发账号
  • 获取小程序APPID
  • 微信开发者工具
    • 了解微信开发者工具
    • 下载微信开发者工具
  • 创建第一个小程序项目
  • 结束语

小程序简介&注册小程序开发账号

小程序简介

小程序与普通网页开发的区别
运行环境不同
网页运行在浏览器环境中
小程序运行在微信环境中
API不同
由于运行环境的不同,小程序无法调用DOM和BOM的API
但是小程序可以调用微信环境提供的各种API,例如:地理定位,扫码,支付。
开发模式不同
网页的开发模式:浏览器+代码编辑器
小程序有自己的一套标准开发模式
申请小程序开发账号
安装小程序开发者工具
创建和配置小程序项目

注册小程序开发账号

使用浏览器打开https://mp.weixin.qq.com网址,点击右上角的"立即注册"即可进入到小程序开发账号的注册流程

【微信小程序】带你进入小程序的世界_第2张图片

选择注册类型

【微信小程序】带你进入小程序的世界_第3张图片
填写账号信息点击注册

【微信小程序】带你进入小程序的世界_第4张图片
前往注册的邮箱查看激活信息
【微信小程序】带你进入小程序的世界_第5张图片
点击链接激活账号
【微信小程序】带你进入小程序的世界_第6张图片
填写信息选择个人
【微信小程序】带你进入小程序的世界_第7张图片
填写主体信息登记
【微信小程序】带你进入小程序的世界_第8张图片
提交主体信息
【微信小程序】带你进入小程序的世界_第9张图片

获取小程序APPID

切换到微信小程序管理后台找到开发-开发管理-开发设置-开发者ID,即可获取到小程序APPID

【微信小程序】带你进入小程序的世界_第10张图片

微信开发者工具

了解微信开发者工具

微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:
快速创建小程序项目
代码的查看和编辑
对小程序功能进行调试
小程序的预览和发布

下载微信开发者工具

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

【微信小程序】带你进入小程序的世界_第11张图片
双击打开下载文件

在这里插入图片描述
【微信小程序】带你进入小程序的世界_第12张图片
点击我接受

【微信小程序】带你进入小程序的世界_第13张图片
选择文件安装路径点击安装

【微信小程序】带你进入小程序的世界_第14张图片
等待安装完成

【微信小程序】带你进入小程序的世界_第15张图片
点击完成

【微信小程序】带你进入小程序的世界_第16张图片
运行开发者工具扫码登录在微信上确认登录

【微信小程序】带你进入小程序的世界_第17张图片

【微信小程序】带你进入小程序的世界_第18张图片

扫码登录后的界面如下

【微信小程序】带你进入小程序的世界_第19张图片

创建第一个小程序项目

点击小程序选择加号

【微信小程序】带你进入小程序的世界_第20张图片

按照下图所示创建即可
注:APPID在小程序管理后台获取

【微信小程序】带你进入小程序的世界_第21张图片

这样第一个小程序项目就创建好了

【微信小程序】带你进入小程序的世界_第22张图片

结束语

以上就是微信小程序之带你进入小程序的世界
持续更新微信小程序教程,欢迎大家订阅系列专栏微信小程序
你们的支持就是hacker创作的动力

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