移动端运行

1. 移动端部署,共有 5 个步骤

首先在jpaas源码文件目录下找到jpaas-mobile源码,然后依次进行以下操作步骤:

1.1 在jpaas-mobile目录下,cmd执行命令,安装插件

1.安装插件

npm install uview-ui

2.安装依赖包

npm install

3.可能遇到提示缺少包的情况:

npm install 包名   --registry=http://nexus.redxun.cn:18081/repository/npm-redxun-group/

1.1.1 Tips: 若遇到缺少sass插件,直接前往插件市场下载即可;然后解压,如图:

1.2 使用 HBuilder X 软件打开jpaas-mobile文件,检查 constants.js文件

这里需要注意几点:
①当我们本地进行开发时,或者打包成H5时,地址如下:

const BASE_URL="/api"

②当打包成apk时,或者修改了nginx.config配置中api指定了地址,这里则需要指定:
eg:

const BASE_URL="http://域名/api"const BASE_URL="http://ip/api"
有端口则加上端口

③当mobile开发运行时会有一个访问地址,如果直接点击访问,会出现跨域的问题,因为我们在nginx.conf配置中所有服务都是由一个统一的端口监听的,所以访问时需要注意这里。

1.3 检查 manifest.json文件

1.3.1【源码视图】检查

1.3.2【H5配置】检查

1.4 发行

1.4.1 点击“发行”–>“网站H5手机版”

1.4.2 输入网站标题,域名可不填,点击确定“发行”

如图所示

1.5 编译 & 服务器部署

Tips:如果还是提示缺少插件,根据控制台提示,跳转到插件市场,下载即可。
发行或者编译后,在控制台可以看到【导出H5成功】,如图,将路径下文件上传即可
(app应用标识ID 每个账号都是一个独立的APPId,需要重新获取)

1.5.1 部署H5

需要在nginx添加配置

location /mobile {
                 alias /home/jpaas/front/jpaas-mobile;
                 index  index.html index.htm;
                 try_files $uri $uri /mobile/index.html;
        }

以上面的nginx配置为例,把移动端h5的zip包放到‘/home/jpaas/front/jpaas-mobile’此目录底下,并解压缩,如下图:

则可在浏览器输入http://{服务ip或域名}:{端口号}/mobile,进行访问

1.6.1 打apk的包

【发行】—> 使用【云打包】

打apk包时,会有以下几种状态,需要修改配置:
通讯权限:

app应用标识ID

打包

打完包之后,路径在 控制台 会展示,直接点击【打开文件所在目录】即可

安装即可

结果如图所示

账号 :admin
密码 :admin

文档更新时间: 2022-03-04 22:45   作者:刘宏桂