-
微信小程序开发流程
2020-07-20 23:26:153.在HbuilderX点微信小程序发行,填入AppID后和微信小程序名称后点击发行跳到微信开发者平台,测试项目代码运行正常后,点击“上传”按钮,之后按照 “提交审核” => “发布” 小程序标准流程,逐步操作即可, ...1.申请账号
2.登录小程序后台
3.在HbuilderX点微信小程序发行,填入AppID后和微信小程序名称后点击发行跳到微信开发者平台,测试项目代码运行正常后,点击“上传”按钮,之后按照 “提交审核” => “发布” 小程序标准流程,逐步操作即可,
【注】在小程序信息填写完善后,微信会给一个AppId,这个就是用来关联代码和发版的 -
java小程序开发流程_揭秘微信小程序开发流程
2020-11-29 14:19:31原标题:揭秘微信小程序开发流程除了众所周知的微信小程序之外,目前还有百度小程序,头条小程序,抖音小程序等。该小程序具有体积小、运行速度快、无需安装、不占用手机内存、即用即走的特点。如今,越来越多的用户...原标题:揭秘微信小程序开发流程
除了众所周知的微信小程序之外,目前还有百度小程序,头条小程序,抖音小程序等。该小程序具有体积小、运行速度快、无需安装、不占用手机内存、即用即走的特点。如今,越来越多的用户使用小程序,企业开发自己的小程序进行在线营销。那怎样才能制作出自己的小程序呢?不妨跟着小编一起来了解一下。
一,确定目的和功能要求
要想开发一个小程序,首先要从行业的角度去分析,哪些是该小程序的目标用户?谁可以使用这个小程序?在从企业自身和用户角度对小程序进行分析之后,能够为企业解决什么问题,都要有一个大致的计划。
揭秘微信小程序开发流程
二,制作小程序需要什么
在这种情况下,开发一个小程序需要相关的人员配置,例如前端和后端的开发设计,企业本身就有相应的资源能力。假如企业本身不具备开发资源或开发能力,还可以找第三方小程序开发公司来开发制作,成本相对自己组建团队要低些,还有一种方法就是使用专门的小程序制作公司,比如苏摩网络。
三,需要准备哪些素材
除了基本的横幅、banner广告位等图片素材外,小程序设计还需要UI图标、导航条等设计素材,具体需要什么素材,要根据自己的设计方案来确定。
四,在线测试小程序
为避免在小程序设计完成后,由于错误的原因而造成的损失,需要在上线前进行测试,测试包括在不同设计、不同场景、不同环境下的运行测试。
-
企业微信小程序开发流程
2020-05-18 10:26:55微信官方文档比较零散,看到此文章企业微信小程序开发流程整理版,转载留档备用。 文章目录 背景 问题分析 处理流程 1、小程序基础功能开发,提交审核 2、企业微信关联小程序 3、获取关联小程序的 Secret,设置...微信官方文档比较零散,看到此文章企业微信小程序开发流程整理版,转载留档备用。
文章目录
背景
问题分析
处理流程
1、小程序基础功能开发,提交审核
2、企业微信关联小程序
3、获取关联小程序的 Secret,设置可见范围
4、修改小程序
4.1、判断运行环境
4.2、权限校验
参考资料
背景为其他公司开发一个小程序,这个小程序要只能在企业微信里面访问,不能通过普通微信访问。
企业微信里只有授权的用户可以使用该小程序。
之所以要整理这样一个流程,是因为微信那边的文档太分散了,乱七八糟的,我也是花了很长时间才把这个流程理顺。
问题分析
首先,这里面需要解决几个问题:
1、只在企业微信里使用,不能在普通小程序使用
判断当前运行环境
2、只有授权的用户可以使用该小程序权限校验
1:普通微信,使用账号+密码登陆,审核专用,可限制账号权限
2:企业微信,校验企业id,校验用户id,有权限的才允许使用
3、控制搜索在小程序管理后台设置「不允许被搜索」
4、控制分享小程序里面关闭分享
OK,做到以上几点,就实现了只有企业微信里授权的用户,才能够在企业微信的 工作台 看到该小程序。处理流程
好,既然问题已经明确了,那我们就搞起。
1、小程序基础功能开发,提交审核
对,没看错,先提交审核,因为只有审核通过的小程序才能被企业微信绑定。所以,先把小程序的基础功能做出来,可以限制一部分功能,总之,就是先让这个小程序上架。同时,在小程序的管理后台设置「不允许被搜索」,避免不必要的麻烦。
2、企业微信关联小程序
进入企业微信后台 -> 应用管理 -> 小程序 -> 关联小程序,然后使用小程序管理员的微信扫码,按照指引操作即可。
3、获取关联小程序的 Secret,设置可见范围
上一步的小程序页面会出现刚才关联的小程序,点击进入,然后就看到 secret 及可见范围。
这个 secret 相当于该小程序访问该企业微信数据的令牌,请妥善保存。
可见范围就是授权,哪些用户能看到这个小程序,被设置可见的人将会在自己企业微信的工作台看到该小程序。
4、修改小程序
好了,到重头戏了。
4.1、判断运行环境
小程序需要判断当前的运行环境(普通微信 or 企业微信),需要判断使用当前小程序的用户是否有权限使用。
var isWxWork = false;
wx.getSystemInfo({
success(res) {
console.log(res.environment);isWxWork = res.environment == 'wxwork';
if (!isWxWork) {
// 当前环境不是企业微信,怎么处理你随便
return;
}
// 当前环境是企业微信,执行登陆,获取用户 code,用于后面的权限校验
wx.qy.login({
success: function (res) {
if (res.code) {
console.log(res.code);
// 这里可以将 res.code 通过请求发送给后台,让后台做权限校验
} else {
console.log('登录失败!' + res.errMsg);
}
}
});
}
})
4.2、权限校验后台需要调用以下几个接口来进行权限校验。
1、获取 access_token
https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=xxxx&corpsecret=xxxx
请求方式:GET
这个接口和普通微信获取 token 的方法类似。其中,corpid 在企业微信管理后台->我的企业->企业信息->企业ID;corpsecret 就是我们上一步关联小程序后获取的 secret。
返回内容如下:
{
"errcode": 0,
"errmsg": "ok",
"access_token": "xxxxxx",
"expires_in": 7200
}
2、获取 useridhttps://qyapi.weixin.qq.com/cgi-bin/miniprogram/jscode2session?access_token=xxx&js_code=xxx&grant_type=authorization_code
请求方式:GET
其中,access_token 是我们前一步 gettoken 获取到的;js_code 是前面判断运行环境时获取到的 res.code;grant_type 固定传 authorization_code返回内容如下:
{
"userid": "bottle",
"session_key": "xxxxx",
"corpid": "xxxxxx",
"deviceid": "xxxxxx",
"errcode": 0,
"errmsg": "ok"
}
这里的 corpid 可以用来初步校验当前用户是否有权限,因为无论哪个公司的人,只要他用企业微信,使用这个小程序,都会返回这样的结果,你需要根据 corpid 是否是你授权的企业的ID来校验,如果不是,直接返回无权限就可以,不用进行下一步。当然 corpid 也可以用于处理一个小程序关联多家公司的情况,不过这是另一个问题了。这里简单提一嘴,因为是给其他公司开发的小程序,所以我们这个小程序也关联了两个企业,一个我们公司,一个对方公司,这样也方便我们测试,只需要给我们自己的测试人员授权就可以让他们使用完全相同的环境进行测试了。
3、获取用户信息(判断权限)
https://qyapi.weixin.qq.com/cgi-bin/user/get?access_token=xxx&userid=xxx
请求方式:GET
其中,access_token 是我们前一步 gettoken 获取到的;userid 就是我们上一步获取到的 userid。返回内容如下:
有权限
{
"errcode": 0,
"errmsg": "ok",
"userid": "xxx",
"name": "xxx",
"department": [],
"position": "",
"mobile": "xxx",
"gender": "2",
"email": "",
"avatar": "http://p.qlogo.cn/bizmail/xxx/0",
"status": 1,
"isleader": 0,
"extattr": {
"attrs": []
},
"telephone": "",
"enable": 1,
"hide_mobile": 0,
"order": [],
"qr_code": "https://open.work.weixin.qq.com/wwopen/userQRCode?vcode=xxx",
"alias": "",
"is_leader_in_dept": []
}
无权限
{
"errcode": 60011,
"errmsg": "no privilege to access/modify contact/party/agent , hint: [1564556097_7_8d45297bd21be3702ff430560e1f0652], from ip: 118.113.1.217, more info at https://open.work.weixin.qq.com/devtool/query?e=60011",
"department": [],
"order": [],
"is_leader_in_dept": []
}
OK,后面根据有权限还是无权限,执行不同的操作就可以了,这里不再赘述。参考资料
企业微信API(小程序):https://work.weixin.qq.com/api/doc#90000/90136/90289
企业微信接口调试工具:https://work.weixin.qq.com/api/devtools/devtool.php
错误码查询工具:https://open.work.weixin.qq.com/devtool/query
————————————————
版权声明:本文为CSDN博主「Bottle」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/zhyl8157121/article/details/97919592
-
小程序发布上线流程_微信小程序开发流程的两种方法科普
2020-12-21 02:17:33所以今天就跟大家科普下微信小程序开发流程,你会发现这个开发过程其实非常简单。1.在微信公众平台上,注册一个小程序账号。根据注册指引填写相应信息,提交相应的资料。如果你有认证过的微信公众号,可以直接在...现在微信小程序早已渗透到我们日常生活的方方面面,很多商家看到了小程序带来的巨大流量,也想开发一个自己的小程序。所以今天就跟大家科普下微信小程序开发流程,你会发现这个开发过程其实非常简单。
1.
在微信公众平台上,注册一个小程序账号。根据注册指引填写相应信息,提交相应的资料。
如果你有认证过的微信公众号,可以直接在公众号后台迅速创建小程序,选择小程序管理——快速注册并认证小程序就行了。
2.
注册好账号后,登录小程序。在后台设置好小程序的名称、头像、服务类目等信息,提交后等待微信审核。
在菜单“设置”-“开发设置”中你会看到小程序的 AppID 。小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到它。
3.
接下来,你就要使用工具来制作小程序主体了,这也是小程序开发上线流程中最重要的一步。这一步有两种方法,第一种方法适合有代码基础的人;第二种适合不懂代码的小白。
(1)适合码农的方法
对于码农来说,需要安装微信官方开发者工具,然后根据自己的操作系统下载对应的安装包,有关开发者工具更详细的介绍可以查看《开发者工具介绍》。
安装好后,新建小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个名字,再勾选“创建 QuickStart 项目”,就可以开始制作自己的小程序了。有什么不懂的,可以参考开发者官方文档。
(2)适合小白的方法
对于不懂代码的小白来说,最好使用市面上的第三方小程序开发工具,这样可以让你无需代码知识也能快速制作小程序。比如当下不少商家会选择「上线了」,有各种类型的小程序模板,包括电商、点餐、服务预约、文章、电子名片、展示、酒店预订等。具体操作很简单:
以电商版小程序为例,直接选中一个喜欢的模板,在模板上添加新的商品,在【商店设置】中可以设置商品分类。
在【风格和分页设计】里,可以选择喜欢的主题颜色,自定义导航栏;添加自己需要的各种功能版块,比如轮播图、快捷按钮、标题、分类组合、商品列表、各种优惠活动等等。
如果你还有什么不懂的,可以随时咨询系统客服,或者看一些小程序开发教程视频,获得更多细节。做完后,点击左下角“立即发布”就可以了。
以上就是微信小程序的开发流程了,如果你需要展示的内容不多,基本十来分钟就能做好。小程序无论对商家还是个人帮助都很大,制作一个属于自己的小程序,也是件很有用的事。
-
java小程序开发流程_微信小程序开发流程
2020-12-04 16:56:17完成注册点击立即注册选择小程序按要求填写注册信息2、下载微信开发者工具登录微信小程序账号 ->点击文档-> 点击工具 ->点击微信开发者工具 -> 选择合适自己电脑的开发者工具下载下来 -> 安装... -
微信小程序开发流程的两种方法科普
2020-01-19 15:48:51所以今天就跟大家科普下微信小程序开发流程,你会发现这个开发过程其实非常简单。 1、 在微信公众平台上,注册一个小程序账号。根据注册指引填写相应信息,提交相应资料。 如果你有认证过微信公众号,可以直接在... -
微信小程序开发流程.pptx
2020-09-01 17:02:58微信公众号 摩拜单车小程序 猫眼电影小程序;同类产品APP与小程序测评;滴滴出行;腾讯视频;京东购物;任务1对比一款既有APP又有小程序的产品;Q1:你的用户是谁 Q2:用户画像 ;给人贴标签;它在产品开发中有举足轻重的作用... -
微信小程序开发流程详解
2020-03-04 18:35:47打开微信小程序所在公众平台链接地址,注意不是开发平台。 https://mp.weixin.qq.com 如图: 2 注册小程序号码 点击步骤1 的小程序进入如下图: 注意 邮箱必须未被微信公众平台注册,未被微信开发平台... -
微信小程序开发流程与常见问题
2020-11-23 15:49:31近期因为公司未来项目可能涉及到微信小程序,本人也花了些时间对小程序开发做了些了解和学习,以下是对小程序demo开发过程中相关流程以及遇到的问题进行记录与整理。 一、微信小程序注册与开发工具下载 根据指引... -
微信小程序开发流程备份
2020-06-10 17:59:27目录 1. uni-app开发小程序准备阶段 2.uni-app快速入手和问题 ...3.uni-app如何创建并运行微信小程序项目 1. uni-app开发小程序准备阶段 https://www.jianshu.com/p/267585ce3cf4 2.uni-app快速入手和问题 ...
-
ESPCN论文阅读笔记
-
单元测试UnitTest+Pytest【Selenium3】
-
《大家的日语》第1课.pdf
-
C++ 宽度优先搜索(以题说明)
-
Servlet+JSP项目
-
【Leetcode】09.用两个栈实现队列&30.包含min函数的栈
-
【2021】Python3+Selenium3自动化测试(不含框架)
-
6.com.mysql.jdbc.exceptions.jdbc4.MySQLIntegrityConstraintViolationException: Column ‘lkm_cust_id‘ c
-
编程高效简洁快捷键
-
python数据分析基础
-
单脉冲雷达幅相不一致校正方法研究
-
WPF上位机数据采集与监控系统零基础实战
-
java微服务常用技术整合
-
Spring Boot2.X仿朋友圈PC版系统实战_架构1.0
-
动态调制型光场相机波前传感器的数值仿真
-
转行做IT-第9章 常用类-Scanner、Random等
-
二分和前缀和
-
flutter插件调用APP页面、使用原生aar,framework库
-
W3School离线手册_2.7z
-
visual c++ vc自绘窗体Windows XP风格的窗口.程序将非客户区中的标题栏、框架栏都贴上XP风格的位图