如何免费制作微信小程序?详细步骤

简介: 如何免费制作微信小程序?详细步骤

一、注册微信小程序


1、注册方法在微信公众平台官网首页(http://mp.weixin.qq.com)点击右上角的“立即注册”按钮。


image.png


2、选择注册的帐号类型选择“小程序”。


image.png


3、填写邮箱和密码请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。


image.png


4、激活邮箱登录邮箱,查收激活邮件,点击激活链接。


image.png


5、填写主体信息点击激活链接后,继续下一步的注册流程。请选择主体类型选择,完善主体信息和管理员信息。选择主体类型:


image.png


主体类型选择“个人”


注册选择类型 组织机构类型

个人 18岁以上有国内身份信息的微信实名用户

填写管理员信息


image.png


确认主体信息不可变更


image.png


二、开发微信小程序


1.下载微信开发者工具


https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

image.png


2.管理员微信登录微信开发者工具


image.png


3.导入小程序项目“目录”,以“圣诞帽微信小程序”为例


基于wxapp的圣诞帽头像小程序【完整项目源码】


选择要上传的文件夹:christmas_hat


image.png


填写AppID,在微信小程序登录平台—开发管理—开发者ID—AppID


image.png


image.png


4.开发主页,可在线预览,真机调试等,功能可以多试试


image.png


5.调试完成,上传至微信平台


image.png


6.上传成功,在微信小程序平台—版本管理可查看,上传审核—经过平台审核通过—即可上线使用


image.png


导入项目中可能会出现一些问题,可以查询资料或者文末留言询问


相关文章
|
2月前
|
iOS开发 开发者
iOS微信分享配置universal links步骤
iOS微信分享配置universal links步骤
1365 58
|
2月前
|
小程序 前端开发
微信小程序中 vant weapp 使用外部的icon作为图标的步骤
本文介绍了在微信小程序中使用Vant Weapp组件库时,如何将外部的icon作为图标引入的步骤。包括在项目中创建静态资源文件夹、在iconfont官网添加图标并生成在线链接、下载iconfont代码并解压到小程序目录中、修改iconfont.wxss文件将本地链接替换为在线链接、在全局样式文件中引入iconfont.wxss样式,以及在页面中使用图标的方法。
微信小程序中 vant weapp 使用外部的icon作为图标的步骤
|
4月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
85 0
|
6月前
|
移动开发 小程序 前端开发
使用uni-app开发(h5、小程序、app)步骤
使用uni-app开发(h5、小程序、app)步骤
|
6月前
|
小程序 API
微信小程序飞机大战游戏步骤及代码
微信小程序飞机大战游戏步骤及代码
228 0
|
6月前
|
存储 小程序 开发者
微信小程序猜拳游戏步骤及代码
微信小程序猜拳游戏步骤及代码
148 0
|
6月前
|
存储 小程序 开发者
开发微信小程序模拟聊天步骤及代码
开发微信小程序模拟聊天步骤及代码
175 0
|
6月前
|
小程序 开发者
微信小程序斗地主完整代码及步骤
微信小程序斗地主完整代码及步骤
481 0
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
245 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
52 0
微信小程序更新提醒uniapp
下一篇
无影云桌面