e钱包APP/微信H5

金融 理财 案例ID:188516
夕陽 無限好
4 年经验· 北京易诚互动网络技术有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

* 负责组织前期前端项目架构搭建,选用 Vue2 生态,提出利用 Webpack 对一套代码提供2种模式的打包脚本,输出两个产物分别对应 1.多页面运行在 mpass 的 APP 环境 2.单页面运行在浏览器的 H5 环境,建立一层抹平 API,从而实现一码两端的 web 架构方案。
* 其中因为 APP 可以提供一些特殊API用于页面返回传参数和做相应的回调逻辑,在 H5 端为了实现返回触发回调函数,需要手动记录单页路由历史栈,利用路由守卫 beforRouter 触发相应逻辑,并在实例化 Vue 时全局注入一个自定义生命周期语法,方便编写接收参数逻辑,和回调逻辑
* 添加一层抹平层,在不同模式的构建脚本中动态加载 JSBridge,由 H5 配合 APP 现有基础 API 做兼容,推动团队使用函数式编程,实现各种原子函数可以最大程度复用,并利于 tree-shaking,最终实现轻量、按需加载、可复用的工具库。

e钱包APP/微信H5

金融 · 理财 案例ID:188516
联系该工程师
微信扫码,建群沟通
作者: 夕陽 無限好 - 4年经验- 北京易诚互动网络技术有限公司

案例介绍

* 负责组织前期前端项目架构搭建,选用 Vue2 生态,提出利用 Webpack 对一套代码提供2种模式的打包脚本,输出两个产物分别对应 1.多页面运行在 mpass 的 APP 环境 2.单页面运行在浏览器的 H5 环境,建立一层抹平 API,从而实现一码两端的 web 架构方案。
* 其中因为 APP 可以提供一些特殊API用于页面返回传参数和做相应的回调逻辑,在 H5 端为了实现返回触发回调函数,需要手动记录单页路由历史栈,利用路由守卫 beforRouter 触发相应逻辑,并在实例化 Vue 时全局注入一个自定义生命周期语法,方便编写接收参数逻辑,和回调逻辑
* 添加一层抹平层,在不同模式的构建脚本中动态加载 JSBridge,由 H5 配合 APP 现有基础 API 做兼容,推动团队使用函数式编程,实现各种原子函数可以最大程度复用,并利于 tree-shaking,最终实现轻量、按需加载、可复用的工具库。

相似案例推荐

  • 北京银行app

    北京银行app

    1. 负责自助缴费模块 2. 与后端对接实现用户跟各个第三

  • 北京银行app

    北京银行app

    1. 负责自助缴费模块 2. 与后端对接实现用户跟各个第三

  • 北京银行小巨人app

    北京银行小巨人app

    1. 负责云证书模块 2. 与后端对接实现与云证书第三方进

  • 某银行

    某银行

    项目简介:某银行app 1. 负责银行app启动时间,包大

  • 某银行

    某银行

    项目简介:某银行app 1. 负责银行app启动时间,包大

  • 指标中心

    指标中心

    项目内容:本项目主要构建数据采集、融合、加工、存储、分析及统

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×