微信小程序区分环境开发 and 合理绕过官方上线审核

前言:

首先说明一点,虽然绕过官方审核,是不推荐的行为,但是实际的项目开发中,难免会有一些需求或功能在发布上线时,会被官方拒绝。

例如类目不对的情况,由于企业性质或其他原因,无法申请相关类目要求的资质;或者申请资质办理难度大、所需时间漫长,无法在上线节点前申请完成,但是实际业务中确实有此需求。

这就需要在上线时先合理绕过官方审核,以期能顺利发布成功,不耽误业务使用。

一、背景和问题描述

很多开发者在开发项目的时候发现,上线微信小程序最难的不是开发阶段,而是微信审核机制。因为微信为了自身平台规避法律风险,开发的很多功能需要提供相关的证件或者资质,就像前面所说,相关的资质办理难度大,或者一般的公司根本办不下来。那么绕过审核就是一个很重要的上线技巧。

我们之前开发的一个微信小程序,涉及一些视频,发布审核时,被官方认定需要补充"教育服务-在线视频课程类目"。如下图所示:

但是我们项目中的视频内容是关于"用车知识的介绍和使用须知",并不属于教育类视频或直播课程,而且我们也拥有"教育服务 > 在线教育"的服务类目,可能跟"在线视频课程"类目不一样。

可是实际业务中确实需要此功能,那么该如何顺利上线呢?

二、解决思路

因为需要此功能,那么:

  1. 体验版环境下必须能正常展示,才能让测试同事正常测试。
  2. 在提交审核时,即在开发版环境下,此模块需要隐藏,才能绕过官方审核,使审核通过。
  3. 在发布审核成功后,即在正式版环境下,此模块需正常展示,可供用户使用。

三、解决方案

我这边实现了两种解决方法,供大家参考:

方案一

核心: 使用 wx.getAccountInfoSync()

功能描述: 获取当前账号信息。线上小程序版本号仅支持在正式版小程序中获取,开发版和体验版中无法获取。

可参考微信小程序官方文档: 获取当前账号信息:Object wx.getAccountInfoSync()

具体使用方法如下:

  1. 在小程序项目的app.js文件中的onLaunch中获取小程序账号信息:
js 复制代码
onLaunch: function () {
    //启动时动态获取小程序的 appid
    const accountinfo = wx.getAccountInfoSync()

    wx.setStorageSync('miniProgram', accountinfo.miniProgram)
},
  1. 然后在需要做判断的模块的页面获取miniProgram,我这边是在展示视频模块入口页面获取:
  • js文件中获取账号信息的值:
js 复制代码
data: {
    miniProgram: wx.getStorageSync('miniProgram'),
},
  • html文件中进行判断:

注:我是使用miniProgram.version的值进行判断的。

因为此值是线上小程序版本号 ,只有在线上环境中 才会有值,所以只会在线上环境 中展示,提交审核的开发环境 中看不到此模块。

而在体验版环境 下,我不会加wx:if="{{miniProgram.version}}"这个代码,只有在提交审核时加上。缺点就是需要改动代码,但是能完美避开审核,使审核顺利通过。

方案二

核心: 使用小程序视频插件。
优点: 完美继承完美继承小程序原生<video>的所有特性和事件。不用改代码。

后期我们开发了一个小程序的视频插件,在展示视频的页面中,使用视频插件代替<video></video>。这样也能完美通过审核。

这个小程序视频插件作用是,专门为没有视频播放资质的小程序提供视频播放功能,解决视频播放资质问题。

思路来源于官方解答:

涉小程序插件功能介绍: developers.weixin.qq.com/miniprogram...

涉小程序类目资质、适用范围参考:developers.weixin.qq.com/miniprogram...

以上,希望对大家有帮助!

相关推荐
Sunlightʊə1 小时前
2.登录页测试用例
运维·服务器·前端·功能测试·单元测试
Code Crafter2 小时前
ES6-ES14 新特性速查
前端·ecmascript·es6
Lhuu(重开版2 小时前
CSS从0到1
前端·css·tensorflow
qq_12498707532 小时前
基于微信小程序的茶叶茶具销售和管理系统(源码+论文+部署+安装)
微服务·微信小程序·小程序·毕业设计
CDwenhuohuo3 小时前
微信小程序里用 setData() 修改数据并打印输出 的几种写法
javascript·微信小程序·小程序
不说别的就是很菜3 小时前
【前端面试】HTML篇
前端·html
前端一小卒3 小时前
生产环境Sourcemap策略:从苹果事故看前端构建安全架构设计
前端·javascript
im_AMBER4 小时前
React 18
前端·javascript·笔记·学习·react.js·前端框架
老前端的功夫4 小时前
Vue2中key的深度解析:Diff算法的性能优化之道
前端·javascript·vue.js·算法·性能优化
han_4 小时前
前端高频面试题之Vue(高级篇)
前端·vue.js·面试