三分钟创建一个小程序-每天三分钟玩转小程序 1

简介: 三分钟创建一个小程序-每天三分钟玩转小程序 1

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIVlV2SzB1WkJ4bkJKYk45WExnVFlpY0M1SzB6M1FpYUlBY3plbkJsaWMzcGhzdUhHd1gxWU9zaWNOdy82NDA.png


好险,还有几分钟,差点没有赶上周五的尾巴。这次带来的是1. 小程序开发前的准备,非常的简单,让我们花三分钟创建一个小程序!


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIb29aZEFsMmt0dnJBeEVkcGdGb0c1VDNpYVI4VGE4UHo5QVVhTzdlTVkyNjd5dDVCeXExNG02dy82NDA.png


1. 注册账号

访问微信公众平台网站:https://mp.weixin.qq.com

鼠标放到小程序上


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIbHlrdjhlVmJpYjVDTmsxTlJLa2pXN29rbDRVUGdFWmdNSFN0UGNQV2lhb2w1aWFhc09UcGtFbnBBLzY0MA.png



发现图案变成了,下面这样,点击[查看详情],进入小程序注册页面。

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIR0w1NFJLQk1nRmF6am9BcDA5a1F3dUFPdFMxNjFXVTZvcFpxczhxYUwwMzlKdEZ1UzlpY3o2Zy82NDA.png

拉到最下面,出现前往注册

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIRFlqaWJ1RXFNVUxMMDRJSmUyaWJ5bThia2JZZUFoY1liQ21tOXFpYktKQXhpYWFvSmpya1VLM2ljZHcvNjQw.png

填写一个没有注册过公众号,也没有注册过小程序的邮箱,来注册


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIa3RaMkRSVjRpY3owaWNkWG9GcEt6RUVwTktZd0txZ3J6emJMTXJ2dGQxZ25oOGNuTEhoSzR0ZUEvNjQw.png


2. 激活邮箱

这个时候你会收到一封邮件(gmail注意科学上网)


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIbzlqNGZnekpvZ3d5R1ZMcmtzTW1qNTdqNUFqb0NtSFdpYU9IZ2ljbmlhVWliTW81UnR5RnFOOHpCQS82NDA.png




点击邮件中的链接,邮箱激活成功!


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIZjdXbFNQa3NucTQ0N09OZTdaSTQ2SkhacVBSb054VGVqNW9Ddmw3TkhSNUFVQkFIbUVoeWp3LzY0MA.png


自动跳到第三步,主体信息登记

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIMW5YVzVxRVVGREFIanF2TUdqRzRJaDZBR1VUWG53WnpHQ0xKTW1sQWpZU2RPRmF3N1U2M0N3LzY0MA.png

3. 主体信息登记

选个人,下面的信息无脑填写,然后获取手机验证码,扫码确认管理员身份,一路下一步。


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIcmw4Z0tYa2JtRUpvYndkczJMN0l4QzRBTzZXbmc4RkVISFNxS3g1SGpuN3JPaWNuRkp0M1M0QS82NDA.png


4. 完善小程序信息

跳到这个页面,你已经完成 90% 了,点击完善小程序信息


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIS1dsdXpPTFpLT1JvMUZaNlZVVzFidVdIWUJ2NGp1aWJDRmdlQUkycGdDYWY3TzQxdjBvaWF1VkEvNjQw.png


填写小程序名称、简介、头像、介绍和服务类目,还要手持身份拍照,名称比较难搞,多试几次就行。


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VINVRkbTB2eWlhcGROU2Y0RUluMldGOXZHZTA5TENoaWI3MGpuUlRkRlJJZFg0RHp2dW1wY29mYWcvNjQw.png


获取你的 AppID 和 AppSecret ,相当重要~


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIcjdZOXRhQW56ZXBMeGFveFFIaEprc3RFWnowZzVTUW1ObWIxbTNLaWI0M2VrcE1sOGN3NlpPQS82NDA.png

5. 绑定开发者(可选)

返回小程序主页,点击[添加开发者]


aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIcng5NEVaamVTRnd2Mnc2NUE1RUh4M0k0dWhiTVVGN0tlY3BrSG0zUXpXQ2liVkw1czVWSXJhUS82NDA.png


这里设计的很傻,点 v 符号[添加成员]



aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIalRRd2lhWmMwSzMyc3AzQ1RMMkhtcFo1NFBjMVhIZFpGVkhDQldUUHhUaEhsa3dsZ1RBRVlvdy82NDA.png

这个时候会跳出二维码,用管理员手机微信扫码添加即可(此处chrome可能会无法添加)

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIeUpINHRlMWljalliVHlyTUZ3aWN3ajFvWkMyZUMyNXQ2bWdBNWdWWU5leGliT0luUWZEQ0lZRGhBLzY0MA.png




6. 如何查询官方文档

在此处跳转到文档页

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIZUlKWEFTRmlhZWlhOXlXeVJUcHpqc3dxcHFtek1pYlc0WENQZUI2UVJiZUJXTmRKTnBpYkhVU0tOQS82NDA.png

7. 下载开发者工具

在此点击[工具]、点击此超链接,选择对应的操作系统版本,下载工具。

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIemZMMktydnZJeExpYU92bTZhUENVZkw4S3MzMHowWTlxUUp3cVV5Y1NMZ01XQTA3SVZJbWRNZy82NDA.png


跑起你的第一个小程序

下载完成后,创建小程序



aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIMzVhSUx2UWQ4b1pmV2ljTWRRYmFIcVZSa3N3WjhMT0U2aWNWZTV5czYwcmJTUkEwSnlqVHFFVFEvNjQw.png

按照我的选择,名称目录任意, AppID 在上面“4. 完善小程序信息”中有讲解,暂时选“不使用云服务”,后面的文章会有讲解。点击右下角新建。

aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9rdkJvYTd0NFBSRjVMTXhZQWljaDhRbjBXOFVYNFhpY3VIT0pFVU9QY0NGemlieERBa0RJRHhITTFGbHdrM0pHOHQ2NFF6QUtJQ3VDMHJaSmlhYkxMV0hDRVEvNjQw.png


直接点击预览,你的第一个小程序就完成了,和朋友炫耀一下吧!



相关文章
|
小程序 JavaScript
【微信小程序】三分钟学会小程序的列表渲染
【微信小程序】三分钟学会小程序的列表渲染
955 0
|
小程序 JavaScript C++
【微信小程序】三分钟学会小程序的条件渲染
【微信小程序】三分钟学会小程序的条件渲染
312 0
三分钟教你如何三天上线多端小程序
小程序云(Mini Program Cloud)是阿里云面向小程序场景提供的一站式云服务,帮助开发者实现一云多端的业务战略,提供了有服务器和无服务器两种模式。
5381 0
|
1月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
36 0
在线课堂+工具组件小程序uniapp移动端源码
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
355 3
|
2月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
58 0
微信小程序更新提醒uniapp
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
117 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
4月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
120 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
4月前
|
存储 小程序 JavaScript
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
74 7