Skip to content

快速上手

本章节将帮助您快速开始微应用开发。

开发准备

申请开发者应用

开发微应用前需要先向官方申请开发者应用,需要提供:

  • 应用名称:通常以简单的英文符号组成,如 card、ota 等
  • 应用描述:微应用的描述
  • 应用关键字:用于快捷搜索,支持多语言

申请成功后会得到:

  • app_key:应用标识
  • app_secret:应用密钥(需要谨慎保管防止泄露)

开发流程

  1. 分别开发前端和后端项目(我们提供了前端和后端基本工具类)
  2. 配合微应用调试器进行调试
  3. 调试完成后进行发布上线

项目配置

引入 SDK

在需要调用 mos 接口的页面引入 mos.js 文件:

html
<script src="https://cdn-oss.mos.me/public/js/mos-1.1.0.js"></script>

SDK 下载

点击下载最新版本的 SDK:mos-1.1.0.js

提示

强烈推荐将 js 文件下载到本地项目中,并在项目中引入 js 文件。

Vue/React 项目配置

如果是在 Vue 或者 React 单页应用中使用,需要在根文件 index.html 中引入:

html
<script src="https://cdn-oss.mos.me/public/js/mos-1.1.0.js"></script>

注意

如果项目中开启了 eslint 校验变量必须先声明才能使用,那么可以通过 window.mos 来访问 mos 对象。

下一步