ecshop商城打包App混合开发App,离线JS,css,图片资源。

制作ecshop商城混合开发App

什么是轻混合?

介于传通意义上的混合开发(dcloud,apicloud)更简单的一种混合开发方式。此方法可无代码,大大加快App的访问速度。

准备物品

1、ecshop电商系统,也可以其它电商系统。
2、变色龙云(http://www.bslyun.com)高级版本,支持登录,支付,分享,推送功能。
3、申请微信开放平台:https://blog.csdn.net/u013065572/article/details/84869671
支付宝平台:https://blog.csdn.net/u013065572/article/details/84023318
QQ开放平台:

其它教程

多国语言:https://blog.csdn.net/u013065572/article/details/85595439

轻混合说明

什么是轻混合?

介于传通意义上的混合开发(dcloud,apicloud)更简单的一种混合开发方式。此方法可无代码,大大加快App的访问速度。

配置文件(replace.txt)

配置文件一定要在最顶层目录下。

文件内容
{
“A”:“B”,
}

A:网页内资源目录,不用填写网址,直接写目录。如网页内图片地址为http://www.baidu.com/img/in.png 写 /img/in.png。前面一定增加上’/’
B:压缩包内的文件路径

例:
    {
    "/img/ua.png":"img/ua.png",
    "/css/style.css":"css/style.css",
    "/index.js":"index.js",
    }
文件存放

文件存放目录不限层级。但不要有中文目录名与文件名。

例:
     * replace.txt
     *  index.html
     * img
     	*  index.png
     	*  aaa.png
     * css
     	*  index.css
      * js
     	 +  index.js
资源上传

【基础配置】–【本地资源上传】内上传zip压缩包,并开启【本地资源替换】
在这里插入图片描述

开始制作EcshopApp

以官方的演示为例,现演示地址为:http://ecshop.test1.shopex123.com/h5/#/home
如有变动请查看官方

JS文件
css文件与图片资源

猜你喜欢

转载自blog.csdn.net/u013065572/article/details/88613200