http://u220434.s1.weizhan1.com/admin/login.html
轻应用快速转化为We码小程序
轻应用和We码小程序不同的有:
1、轻应用是通过 Web 的 url 地址访问的,而We码是通过 Welink App 根据 h5://${appId}/html/index.html 这种地址去加载离线化的We码小程序,可参考 plugin.json 中的 indexURL 格式。 而且引用JSAPI路径也不同。
2、轻应用的接口请求可以使用原生 js 的 xhr 或者 fetch 去请求,但在We码小程序里,由于安全问题,需统一走 HWH5.fetchInternet JSAPI。
3、相对轻应用,We码有更多的JSAPI可以调用。详细可参考We码小程序JSAPI总览。
4、轻应用部分JSAPI需要鉴权,而We码小程序不需要。
创建We码程序,应严格按照以下规范进行创建目录和应用配置。
└───template/ ├───src/ ├───common // 用于存放所有公用文件,例如图片、三方库、公用组件等 ├───i18n/ // 国际化 ├─── zh_CN // 中文国际化 └─── common.json └─── en_US // 英文国际化 └─── common.json └───library/ // 公共组件、三方库资源 ├───list_tab/ // 公共组件(例如列表切换) ├───component // 公共组件子组件 ├───img // 公共组件用到的静态图片文件 ├───TO_DELETE // 需要替换的一些静态文件 └───index.js // 公共组件的入口文件 └───JQuery // 其他三方库文件 ├───Page_Home/ // 应用主页面 ├───component // 存放所有子组件 ├───img // 页面用到的静态图片文件 ├───TO_DELETE // 需要替换的一些静态文件 └───index.js // 页面的入口文件 ├───index.html // 应用入口文件 └───app.json // 项目的配置文件,包含路由、服务器地址配置等代码配置相关信息 └───.wecode/ // eslint代码检查配置 └───plugin.json // We码相关的配置信息
针对以上,轻应用转化为We码小程序需修改以下几点:
1、需修改资源引用路径
轻应用打完包之后,是以静态资源的形式存在,所有的资源应用路径需以静态资源的方式引用。
轻应用示例地址:http://example.com/html/index.html
内容如下:
需修改为引用相对地址:
![]()
长按图片保存/分享
0