页内导航:

H5接入规范web-view方式

接入方式

小程序中接入H5,采用托管模式,在平台提供的域名下,分配给第三方应用单独的目录,部署前端代码,在应用市场提供应用入口,用web-view打开页面,打开之前会调用接口获取code,

另外:应用与应用之间跳转,需要小程序封装的SDK中,提供跳转方法,自动获取code,传入下一个应用

域名要求

应用市场里的应用,前端代码需要使用平台提供的域名,代码需要上传到平台分配的cos平台的目录,每个应用会分配不同的独立的目录,

接入流程图如下:

图片描述

代码规范:

基于这种模式,第三方应用代码规范如下:

一、域名及路径:

1.【推荐】前端静态资源的引用路径,全部采用相对路径,减少因为部署根目录不同,引起的不必要的小问题

2.第三方应用的服务器,需要设置允许跨域,平台域名的请求会请求第三方服务器。

3.如果必须使用绝对路径,可以使用平台分配的绝对路径

4.使用绝对路径时,可以采用动态获取域名前缀,分别设置测试环境和线上的绝对路径,全局引用。

5.需要检查项目里是否会跳转到其他域名,不允许跳转到除平台域名以外的域名

6.图片和css,js,字体文件,可以放到任意域名的服务器,域名合法即可,无要求

二、代码

1.h5页面里只允许调用部分jsSDK,详见小程序web-view开发者文档,可以使用智慧校园提供的小程序SDK,调用原生小程序的能力

2.前后台混合型项目,暂不支持H5托管

3.静态资源代码量尽量精简,不超过10M

4.代码放在文件夹中再压缩为zip包,第一层目录中必须存在文件index.html,作为跳转首页

代码打包示例

results matching ""

    No results matching ""

    results matching ""

      No results matching ""