首页 > 技术文章 > 微信开发小程序

xiaoeshuang 2019-07-24 20:07 原文

对于工作中对微信小程序的开发,我简单描述为三个步骤

1、注册

2、开发

3、发布

微信官方注册:https://mp.weixin.qq.com/cgi-bin/wx  

开发工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

代码结构:

 

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

app.js 小程序的逻辑

App.json 小程序的公共配置

App.wxss 小程序的公共样式表

一个小程序页面由四个文件组成,分别是:

js 页面逻辑 wxml页面结构 json 页面配置 wxss页面样式表

配置文件:sitemap.json 文件用来配置小程序及其页面是否允许被微信索引。

部署:
image.png
直接上传代码,之后在开发版本中,选择体验版本,要测试
https://mp.weixin.qq.com/wxopen/wacodepage?action=getcodepage&lang=zh_CN&token=994485719

image.png
在微信中关注小程序助手,版本查看,点击体验版,进行测试
测试完成之后,提交审核,等待3个小时公司微信管理员审核完成后上线

需要注意的小程序的跳转外网地址:

 1、<web-view src="https://www.baidu.com/"></web-view>

        把你要跳转的界面用src 就可以了

2、在微信后台-开发中配置业务域名

 

3、

校验文件需要放在你要跳转到的网站的根目录下面才可以!!!也就是说你想跳转到别人网站网页里面 需要得到别人的同意!

 

4、那你想跳转到自己的网站中就需要配置域名、下载校验文件了!!再次强调 个人类型与海外类型的小程序暂不支持使用web-view

进入到小程序后台https://mp.weixin.qq.com/wxopen/devprofile?action=get_profile&token=1560882873&lang=zh_CN   设置-开发设置 -业务域名

那比如这个跳转到www.baidu.com 就是行不通的了,只能是自己在开发的时候玩玩(在开发者工具中点设置-项目设置-在不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书 前面打上对勾),在正式发布时候肯定是行不通的!!!

 

os:::::::::::::::只能跳到验证过的页面下 这是处于安全考虑,  随便跳的话  太夸张了

 

更多详细内容:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/

推荐阅读