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

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

一、注册微信小程序


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


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


相关文章
|
3月前
|
iOS开发 开发者
iOS微信分享配置universal links步骤
iOS微信分享配置universal links步骤
1366 58
|
5月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
85 0
|
3月前
|
小程序 前端开发
微信小程序中 vant weapp 使用外部的icon作为图标的步骤
本文介绍了在微信小程序中使用Vant Weapp组件库时,如何将外部的icon作为图标引入的步骤。包括在项目中创建静态资源文件夹、在iconfont官网添加图标并生成在线链接、下载iconfont代码并解压到小程序目录中、修改iconfont.wxss文件将本地链接替换为在线链接、在全局样式文件中引入iconfont.wxss样式,以及在页面中使用图标的方法。
微信小程序中 vant weapp 使用外部的icon作为图标的步骤
|
7月前
|
移动开发 小程序 前端开发
使用uni-app开发(h5、小程序、app)步骤
使用uni-app开发(h5、小程序、app)步骤
|
7月前
|
小程序 API
微信小程序飞机大战游戏步骤及代码
微信小程序飞机大战游戏步骤及代码
232 0
|
7月前
|
存储 小程序 开发者
微信小程序猜拳游戏步骤及代码
微信小程序猜拳游戏步骤及代码
150 0
|
7月前
|
存储 小程序 开发者
开发微信小程序模拟聊天步骤及代码
开发微信小程序模拟聊天步骤及代码
176 0
|
7月前
|
小程序 开发者
微信小程序斗地主完整代码及步骤
微信小程序斗地主完整代码及步骤
483 0
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
573 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
697 1