一种小程序页面展示方法及系统技术方案

本发明专利技术提供一种小程序页面展示方法及系统，该方法包括：获取小程序

【技术实现步骤摘要】
一种小程序页面展示方法及系统


[0001]本专利技术属于网页开发领域，尤其涉及一种小程序页面展示方法及系统
。

技术介绍

[0002]随着计算机技术的发展，人们越来越多的使用手机软件获取各种数据和信息，而微信小程序是目前非常流行的一种软件，通过外部链接打开微信小程序页面是一种常用的场景，因此快速的创建微信小程序页面对应的超链接就显得尤为重要
。
[0003]当前，每次在创建超链接时，开发人员需要先创建页面文件，并进行代码的修改，然后上传到腾讯云生成超链接来打开相应的微信小程序页面，这种方式费时费力，会降低开发效率
。

技术实现思路

[0004]有鉴于此，本专利技术实施例提供了一种小程序页面展示方法及系统，用于解决现有创建小程序超链接费时费力，开发效率低的问题
。
[0005]在本专利技术实施例的第一方面，提供了一种小程序页面展示方法，包括：
[0006]获取小程序
URL
；
[0007]设置小程序云环境，并生成小程序
scheme
码；
[0008]检测用户访问方式，当用户使用微信内置浏览器访问小程序时，则引入
JavaScript SDK
展示微信内置组件，并将组件的路径属性设置为小程序
URL
，以通过组件跳转小程序
URL
；
[0009]当使用外部浏览器访问小程序时，展示
HTML
标签并引入微信云开发
webSDK
，检测到用户点击
HTML
标签后调用微信小程序云函数，传递小程序页面地址和页面参数，并在
HTML
页面接收
scheme
码，通过
scheme
码唤起微信小程序指定的页面地址和页面参数
。
[0010]在本专利技术实施例的第二方面，提供了一种小程序页面展示系统，包括：
[0011]获取模块，用于获取小程序
URL
，以及设置小程序云环境，并生成小程序
scheme
码；
[0012]检测模块，用于判断用户用户访问方式；
[0013]展示模块，用于当用户使用微信内置浏览器访问小程序时，则引入
JavaScript SDK
展示微信内置组件，并将组件的路径属性设置为小程序
URL
，以通过组件跳转小程序
URL
；
[0014]当使用外部浏览器访问小程序时，展示
HTML
标签并引入微信云开发
webSDK
，检测到用户点击
HTML
标签后调用微信小程序云函数，传递小程序页面地址和页面参数，并在
HTML
页面接收
scheme
码，通过
scheme
码唤起微信小程序指定的页面地址和页面参数
。
[0015]在本专利技术实施例的第三方面，提供了一种电子设备，包括存储器
、
处理器以及存储在所述存储器中并可在所述处理器运行的计算机程序，所述处理器执行所述计算机程序时实现如本专利技术实施例第一方面所述方法的步骤
。
[0016]在本专利技术实施例的第四方面，提供了一种计算机可读存储介质，所述计算机可读
存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本专利技术实施例第一方面提供的所述方法的步骤
。
[0017]本专利技术实施例中，通过实现一套页面代码唤起微信小程序的所有页面，能高效复用页面文件，降低小程序页面开发成本，提高开发效率
。
附图说明
[0018]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单介绍，显而易见地，下面描述的附图仅仅是本专利技术的一些实施例，对本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获取其他附图
。
[0019]图1为本专利技术一个实施例提供的一种小程序页面展示方法的流程示意图；
[0020]图2为本专利技术一个实施例提供的一种小程序页面展示系统的结构示意图
。
具体实施方式
[0021]为使得本专利技术的专利技术目的
、
特征
、
优点能够更加的明显和易懂，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚
、
完整地描述，显然，下面所描述的实施例仅仅是本专利技术一部分实施例，而非全部的实施例
。
基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本专利技术保护的范围
。
[0022]应当理解，本专利技术的说明书或权利要求书及上述附图中的术语“包括”以及其他相近意思表述，意指覆盖不排他的包含，如包含一系列步骤或单元的过程
、
方法或系统
、
设备没有限定于已列出的步骤或单元
。
此外，“第一”“第二”用于区分不同对象，并非用于描述特定顺序
。
[0023]请参阅图1，本专利技术实施例提供的一种小程序页面展示方法的流程示意图，包括：
[0024]S101、
获取小程序
URL
；
[0025]具体的，将小程序
URL(uniform resource locator)
通过参数形式拼接至页面
URL
；通过
JavaScript
脚本中的
indexof
函数查找页面
URL
中小程序
URL
的位置并截取小程序
URL
的字符串，获取到小程序
URL
；获取小程序
URL
中的跳转地址和参数
。
[0026]约定将小程序
URL
通过参数的形式
page
＝
URL
拼接到页面
URL
的末尾，页面中获取到
URL
存入变量，通过
js
方法
indexOf
查找到”page
＝”的位置并进行字符串截取，从而得到小程序
URL。
将获取到的小程序
URL
通过
indexOf
查找”？”并进行字符串截取，获取到小程序
URL
中的跳转地址
path
和参数
query
，如果小程序
URL
不含参数，设置
query
为空字符串
。
[0027]S102、
设置小程序云环境，并生成小程序
scheme
码；
[0028]具体的，创建小程序云函数
openMin本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种小程序页面展示方法，其特征在于，包括：获取小程序
URL
；设置小程序云环境，并生成小程序
scheme
码；检测用户访问方式，当用户使用微信内置浏览器访问小程序时，则引入
JavaScript SDK
展示微信内置组件，并将组件的路径属性设置为小程序
URL
，以通过组件跳转小程序
URL
；当使用外部浏览器访问小程序时，展示
HTML
标签并引入微信云开发
webSDK
，检测到用户点击
HTML
标签后调用微信小程序云函数，传递小程序页面地址和页面参数，并在
HTML
页面接收
scheme
码，通过
scheme
码唤起微信小程序指定的页面地址和页面参数
。2.
根据权利要求1所述的方法，其特征在于，所述获取小程序
URL
包括：将小程序
URL
通过参数形式拼接至页面
URL
；通过
JavaScript
脚本中的
indexof
函数查找页面
URL
中小程序
URL
的位置并截取小程序
URL
的字符串，获取到小程序
URL
；获取小程序
URL
中的跳转地址和参数
。3.
根据权利要求1所述的方法，其特征在于，所述设置小程序云环境，并生成小程序
scheme
码包括：创建小程序云函数
openMini
，将小程序页面地址
path
和小程序页面参数
query
做为入参，对
path
和
query
进行非空判断后，返回基于
path
和
query
生成的小程序
scheme
码
。4.
一种小程序页面展示系统，其特征在于，包括：获取模块，用于获取小程序
URL
，以及设置小程序云环境，并生成小程序
scheme
码；检测模块，用于判断用户用户访问方式；展示模块，用于当用户使用微信...

【专利技术属性】
技术研发人员：维军，钟荞，张伦，韩堂全，
申请(专利权)人：武汉融智盛维科技发展有限公司，
类型：发明
国别省市：