沉浸式发布你的第一个小程序
Posted 但老师
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了沉浸式发布你的第一个小程序相关的知识，希望对你有一定的参考价值。
文章目录
背景
接到朋友需求,帮他开发一个简单的企业展示的小程序
环境
MacOS- 微信开发工具稳定版
javascript基础
流程
一 注册
这是小程序的官网https://mp.weixin.qq.com/cgi-bin/wx,注册流程还是比较完善的,基本上看网站就可以
1. 注册小程序
这里有个要求:每个邮箱仅能申请一个小程序,导致我之前公众号和测试的邮箱都无法注册,只能新注册了一个邮箱来申请小程序
2. 登录
登录的网站和公众号是一个网站https://mp.weixin.qq.com/
扫码登录,选择公众号就是登录公众号,选择小程序就是登录小程序
注册流程就结束了
二 开发
1. 下载微信开发者工具
这里是官网https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,我下载了macOS稳定版
毕竟第一次开发,为防止幺蛾子还是老老实实选择稳定版本,也就是这个228M的dmg文件
安装不细说,毕竟都是一路傻瓜式
2. 修改代码
安装好工具后,需要扫码登录工具,扫码即可.
全程核心都在接下来的写代码
2.1 新建项目
主要需要设置的地方
- 项目名称
- 目录
- AppID
- 开发模板
我有一点JavaScript基础,所以选择了最下面那个
点击确定进入开发
2.2 修改代码
新建项目后,pages/index/index.wxml这个文件是核心文件,因为是静态需求,基本上只要改这个文件就可以了
由于懒得读复杂的微信小程序说明文档,并且无意中看到了rich-text组件,我打算直接写html开发
也就是从模板里面的view嵌套模式
<view>
<view>
...
</view>
</view>
变成常见的html开发模式
<rich-text>
<header>
...
</header>
<body>
<div>
<li>
<ul>...</ul>
...
</li>
...
</div>
</body>
</rich-text>
我的实际结构很简单,因为我分成了banner和body,banner一张图,body一张图
另外过程中查询了一些按钮点击事件的资料,用js写了发现完全可用🤣,只是从onclick变成了bindtap
三 发布
写完发布,这个是最蛋疼的,因为文档太绕了,就是得让你买他们云开发一样.🐧有时候还是很恶心,但是实际很简单
1. 上传代码
在微信开发者工具里面点击上传就可以了
2. 审核发布
登录刚才的小程序后台,可以看到上传的小程序,点击版本管理
过程中如果需要设置AppSecret,去开发管理处生成就可以了,点一下就行
这个界面实际上很清晰
- 最下面是你开发的版本,你提交审核
- 审核通过后会出现在审核版本这一栏
可能因为我的内容简单,所以十几分钟就审核完了 - 点击审核通过后的发布就可以了
发布后就可以在微信小程序搜到你的小程序了
过程中可能遇到的坑
- 很烦的就是微信云托管一直出现在各方面好像你不用就不行一样. 但是其实又是可以忽略的
- 发布的过程其实很简单,不要被误导到云开发里面去了,也不需要配置域名什么的
- 微信的语言和前端很像,实际很多是通用的,急的话可以先考虑用
html开发
以上是关于沉浸式发布你的第一个小程序的主要内容，如果未能解决你的问题，请参考以下文章
android -------- 沉浸式状态栏和沉浸式导航栏（ImmersionBar）