猎豹移动开发基础流程
一、开发技能
自己网上查找相关资料和文档，掌握以下基本技能：
vue
vux组件库
node+npm
elementUI（内管）
webpack编译控制
vscode使用
git
web服务器（nginx或者apache）
css适配单位
es6
sass
TypeScript
混合模式 Native+h5
单页应用与多页应用
二、mPaaS知识
一定要去多看mPaaS的官方文档，尤其是H5容器和离线包与离线包管理这两部分，要自己从前端角度对mPaaS应用程序与离线包的原理有一定的理解。
三、H5工作内容
前端开发人员（H5离线包开发）在项目组中承担如下任务：
1. 业务开发
业务具体开发任务与打包可以参考下发文档【猎豹移动H5开发手册】，开发规范、环境搭建、目录介绍、ui组件使用等相关资料在工程文件根目录下的doc下面有详情说明，亦可参考。
离线包打包前需要确认根目录下config文件夹内不同环境的virtualHost与workspace两个参数与当前客户端和私有云环境对应，其中virtualHost一般是项目实施方的私有云服务的请求路径；workspace一般可以按照以下方法找到：在mPaaS移动开发平台创建应用之后，进入该应用，从左侧菜单找到代码管理--代码配置，格式为App ID+"_"+workspace ID，如：161BC41091503_sit，每次修改了此配置一定要npm run dll一次之后方可打包。
😅注意😅：早期的工程文件打包只考虑到virtualHost内不带下级路径的如https://abc.def.com ，带下级路径的如https://abc.def.com/mcube，因为存在mcube路径，打包时遇到/将不能创建下一级目录，必须修改以下两个文件
build/helper/index.js约24行开始代码如下(增加一行)
exports.prefix=({virtualHost,workspace})=>{constlocation=virtualHost.match(/(h?t?t?p?s?:?\/?\/)([a-zA-Z0-9\.\-\:]+)/)return{host:location[2],protocol:location[1],workspace,subdomain:virtualHost.replace(/[^\/]*[\/]+/,''),//增加此行virtualHost}}
build/bin/build-public.js
constchalk=require('chalk')constpath=require('path')const{filePath,prefix}=require('../helper')constrm=require('rimraf')constfse=require('fs-extra')constcompileConfClass=require('../helper/compileConfClass')constcompileConf=newcompileConfClass()const{subdomain,workspace}=prefix(compileConf.config.config)//host修改为subdomainrm(filePath(path.join('dist',subdomain,workspace)),err=>{//host修改为subdomainif(err)throwerrconstfrom=filePath('static')constto=path.join(filePath('dist'),subdomain,workspace)//host修改为subdomainfse.copySync(from,to)})
2. 离线包上架
H5App ID必须为打包出来的离线包ID，如：20190701，在工程根目录package.json内的apps内配置业务与包ID的对应关系。H5App 名称一般为业务名称+离线包ID，如：转账20190701。
3. 内管配置入口
网友评论