+
96
-

微信小程序如何转换成html5?

微信小程序如何转换成html5?

网友回复

+
16
-

利用ctrl+H将下面的对应标签全部替换!

html: ==
=== ‘...

点击查看剩余70%

+
16
-

很简单,用hbuilder导入小程序源代码文件,然...

点击查看剩余70%

+
15
-

方案有两种

一、先将小程序转成uni-app,然后再通过uni-app发布成html5。

二、通过插件weweb。

weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。如果你熟悉vue的语法,也可以使用wepy编写小程序,再通过weweb转换后将其运行在web端。 优点

跨平台,一套代码多端运行(小程序、h5、未来还可以直接打包成app) 自带常用组件,完美继承了小程序内置组件 兼容小程序rpx语法,使页面更容易适配各种机型 该项目基于小程序开发者工具内置的小程序运行框架来实现的,我们在仔细研究了小程序官方的底层框架后,实现了小程序运行在web端的service和view引擎,为了使weweb能适应web端的性能要求,相较小程序原生框架,主要有以下调整:

框架核心库进行了大量精减,剔除web不相关的部分,使核心库体积大大减小

将原有的三层架构精简为Service和View两层架构

页面资源、框架内置组件均使用异步加载,提升加载速度

支持自定义登录页面,代替微信登录功能

去除了小程序对页面层级的限制

实现了js版的wxml和wxss编译器以适应跨平台编译需求并无缝整合至weweb

适用场景

喜欢小程序的开发方式,或者只懂小程序开发,想通过小程序的开发方式来写web应用

开发出小程序后,同时想拥有同样功能的h5应用,并希望能复用小程序的代码

代替小程序开发者工具对小程序部分功能在浏览器端进行调试

开发

开发方式可以直接套用你以前开发小程序的方式,不需要另外的学习成本,只是在小程序开发完后,通过下面介绍的二种运行方式,把小程序编译转换成相应的h5应用,然后把编译后的代码扔到服务器上就行了 运行

请先在系统中安装node,官方的安装包会同时为您装上依赖管理工具npm 方法一:使用cli命令行工具

安装:

npm install weweb-cli -g

运行示例: # Node 版本需高于 7.6.0, 推荐使用 lts 版本

weweb ./demos/demo20170111/

Opti...

点击查看剩余70%

我知道答案,我要回答