移动营销平台开发培训

工具

需要本机安装 nodejs
安装 HBuilderX https://dcloud.io/hbuilderx.html

地址

http://loan.git.com.cn/gitlab/wangzheng/new_ydzy

环境搭建

克隆代码
npm install 安装依赖包
打开HbulderX 导入项目
切换对应的开发分支
项目启动
下载证书 https://dcloud.io/ 账号密码 980734008@qq.com bu123456

移动营销平台开发培训 - 图1 移动营销平台开发培训 - 图2 移动营销平台开发培训 - 图3

在HBuilder X 中配置证书和密码(密码在证书详情中查看) 打自定义基座包点击发行原生APP云打包配置证书打包之后会在 unpackage 文件夹下 debug 文件夹下多出 android_debug.apk

移动营销平台开发培训 - 图6

真机调试首先PAD必须打开开发者模式然后PAD连接电脑具体进入开发者模式在设置中系统关于平板电脑版本号(连续点击12次) 然后在HBuilderX中点击运行运行到手机或者模拟器运行到安卓APP基座即可
开发
描述

项目加载了海泰和国密的第三方插件所以每次更改完代码都要重启和重新登录登录的验证码需要去对应的环境的 Redis里查询 key 为工号-padPhone
语法常用Vue2语法都支持标签遵循 uniapp自己的规范常用块元素 view 行元素 text 不支持H5规范也就是没有div span 这些元素标签样式遵循css 盒模型和常规样式单位采用 rpx 响应式单位元素组件标签 https://uniapp.dcloud.net.cn/component/
ui 扩展组件采用uni-ui https://uniapp.dcloud.net.cn/component/uniui/uni-ui.html
实操
新建页面
我们所有新建的页面都会在 page.json 中映射出来 page.json page字段就是所有页面如果想显示那个页面就把那个页面放在数组中第一位在pages文件夹中点击新建页面这里注意尽量保持页面名称为index 然后 page.json 中新建的页面要和我们其他配置的一样
页面跳转
这里使用$Router.push 去跳转页面使用$Route去接收参数

移动营销平台开发培训 - 图9

请求Ajax

这里使用的第三方插件去发送的请求这里请求的流程市先报文加密然后到前置前置转发代码如下

const ress = await this.$api({
method: 'post',
url: `/PAD_CSM02003001`,
data: cusInfo,
header: {
TRAN_CODE: 'PAD_CSM02003001',
SERVICE_ID: 'customer',
//CUSTOMER_ID:this.formData.userCode
CUSTOMER_ID: '040040'
}
})

登录信息

所有的登录信息挂在在this.userInfo 对象上

cusInfo.userCode = this.userInfo.userCode
cusInfo.userName = this.userInfo.userName
cusInfo.orgCode = this.userInfo.loginOrg.orgCode
cusInfo.bankCode = this.userInfo.loginOrg.legalOrgCode