> 文档中心 > 【微信小程序】带你进入小程序的世界

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


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

在这里插入图片描述

初识微信小程序

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

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

小程序简介

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

注册小程序开发账号

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

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

选择注册类型

【微信小程序】带你进入小程序的世界
填写账号信息点击注册

【微信小程序】带你进入小程序的世界
前往注册的邮箱查看激活信息
【微信小程序】带你进入小程序的世界
点击链接激活账号
在这里插入图片描述
填写信息选择个人
【微信小程序】带你进入小程序的世界
填写主体信息登记
【微信小程序】带你进入小程序的世界
提交主体信息
【微信小程序】带你进入小程序的世界

获取小程序APPID

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

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

微信开发者工具

了解微信开发者工具

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

下载微信开发者工具

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

【微信小程序】带你进入小程序的世界
双击打开下载文件

【微信小程序】带你进入小程序的世界
【微信小程序】带你进入小程序的世界
点击我接受

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

【微信小程序】带你进入小程序的世界
等待安装完成

【微信小程序】带你进入小程序的世界
点击完成

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

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

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

扫码登录后的界面如下

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

创建第一个小程序项目

点击小程序选择加号

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

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

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

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

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

结束语🏆

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

在这里插入图片描述