【技术实现步骤摘要】
页面预览方法、装置、计算机设备及存储介质
[0001]本申请涉及通信
,具体涉及一种页面预览方法、装置、计算机设备及存储介质。
技术介绍
[0002]在进行软件项目的开发过程中,通常是设计人员提供设计资源给开发人员,开发人员根据设计人员提供的设计资源直接进行页面项目开发,设计人员只能在开发人员根据设计资源进行项目开发后才能看到页面效果,导致经常会出现设计资源不适用页面、或不满足预期效果等的情况,开发人员需要和设计人员反复沟通,增加了页面开发成本。
技术实现思路
[0003]本申请实施例提供一种页面预览方法、装置、计算机设备及存储介质,设计人员可以在模拟出直播应用程序页面的浏览器上看到直播应用程序页面,从而在页面开发过程中能够预览直播应用程序页面的效果,减少了页面开发成本。
[0004]本申请实施例提供一种页面预览方法,该页面预览方法包括:
[0005]接收前端浏览器发送的针对直播应用程序的目标项目信息,其中,所述目标项目信息包括用于获取所述直播应用程序的目标代码的项目标识信息,所述目标代 ...
【技术保护点】
【技术特征摘要】
1.一种页面预览方法,其特征在于,包括:接收前端浏览器发送的针对直播应用程序的目标项目信息,其中,所述目标项目信息包括用于获取所述直播应用程序的目标代码的项目标识信息,所述目标代码用于渲染出至少一个直播应用程序页面;基于所述项目标识信息从项目代码库获取所述目标代码;在所述目标代码中针对各直播应用程序页面配置对应的页面嵌入文件,其中,所述页面嵌入文件用于模拟所述直播应用程序页面显示的客户端环境,以在所述前端浏览器的用户界面上显示客户端形式的直播应用程序页面;基于配置后的目标代码以及所述前端浏览器关联的终端设备的设备网络地址生成页面渲染数据;向所述前端浏览器发送所述页面渲染数据,以在所述前端浏览器显示的换皮项目界面内嵌入显示所述直播应用程序页面。2.根据权利要求1所述的页面预览方法,其特征在于,所述基于配置后的目标代码以及所述前端浏览器关联的终端设备的设备网络地址生成页面渲染数据,包括:创建目标端口,其中,所述目标端口与所述配置后的目标代码相关联,其中,所述目标端口设置有对应的目标端口标识;获取所述前端浏览器关联的终端设备的设备网络地址;将所述设备网络地址与所述目标端口标识进行拼接处理,生成页面渲染数据。3.根据权利要求1所述的页面预览方法,其特征在于,在基于所述项目标识信息从项目代码库获取所述目标代码之前,还包括:将所述目标项目信息进行缓存处理。4.根据权利要求3所述的页面预览方法,其特征在于,在将所述目标项目信息进行缓存处理之后,还包括:基于所述项目标识信息从服务器内所有项目文件夹进行筛选,判断是否存在与所述项目标识相匹配的项目文件夹;若是,则在所述目标代码中针对各直播应用程序页面配置对应的页面嵌入文件;若否,则根据所述项目标识信息创建目标项目文件夹,以将所述目标代码保存在所述目标项目文件夹中。5.根据权利要求4所述的页面预览方法,其特征在于,在所述目标代码中针对各直播应用程序页面配置对应的页面嵌入文件之后,还包括:在所述目标项目文件夹内安装所述目标代码对应的项目运行文件,其中,所述项目运行文件用于驱动所述目标代码正常运行。6.根据权利要求1所述的页面预览方法,其特征在于,在向所述前端浏览器发送所述页面渲染数据之后,还包括:当监听到所述项目代码库的目标代码发生更新时,获取当前代码,其中,所述当前代码为更新后的目标代码;将所述当前代码保存在所述目标项目文件夹中;在所述当前代码中针对各直播应用程序页面配置对应的页面嵌入文件;基于配置后的当前代码以及所述前端浏览器关联的终端设备的设备网络地址生成目
标页面渲染数据;向所述前端浏览器发送所述目标页面渲染数据,以在所述前端浏览器显示的换皮项目界面内嵌入显示更新后的直播应用程序页面。7.一种页面预览方法,其特征在于,应用于前端浏览器,包括:显示用户界面;获取通过所述用户界面上传的目标项目信息;向服务器发送所述目标项目信息,以使所述服务器基于所述项目标识信息从项目代码库获取目标代码,在所述目标代码中针对各直播应用程序页面配置对应的页面嵌入文件,基于配置后的目标代码以及所述前端浏览器关联的终端设备的设备网络地址生成页面渲染数据,其中,所述页面嵌入文件用于模拟所述直播应用程序页面显示的客户端环境,以在所述前端浏览器的用户界面上显示客户端形式的直播应用程序页面;接收所述服务器返回的所述页面渲染数据;基于所述页面渲染数据在所述前端浏览器显示的换皮项目界面内嵌入显示所述直播应用程序页面。8.根据权利要求7所...
【专利技术属性】
技术研发人员:黄师伟,郑晓莉,
申请(专利权)人:广州博冠信息科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。