Web SDK
} 在vue中的使用示范如下，以vite创建的工程为例，在main.js中 import { createApp } from 'vue';import './style.css';import App from './App.vue';import { init,captureException } from '@umengfe/apm';init({ pageFilter:{ mode:'...
resource
使用插件 在脚手架的 package.json 中，可以看到如下配置：["resource",{"map":{"vue":{"external":"Vue","js":"https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js" },"fastclick":{"external":"FastClick","js":...
客户端集成跨平台插件
uniapp是一个使用Vue.js开发跨平台应用的前端框架。开发者编写一套代码，uni-app可将其编译到iOS、Android平台，保证其正确运行并达到优秀体验。官方维护的版本放在【DCloud插件市场】上以开源的形式发布。如果需要下载打包版本，请访问...
进阶用法
} } 在Vue3中使用 Vue3的响应式状态 ref()会对对象进行深层次解包，将每一个子对象嵌套ref，这会导致推流实例对象的内部结构异常。请不要使用 ref()来保存推流SDK的实例对象，可以改为使用一个普通的变量，或者 shallowRef()。示例如下：...
使用指南
要使用 Ant UI 前端组件，您可以通过以下方式之一：在 Kylin 工程中使用该组件，按照 dependency 的方式导入，因为 Kylin 工程脚手架包含了这该组件的依赖。具体方式，参见本文的 Kylin 部分。在别的工程中使用，通过 ESModule 的方式来...
命令行工具
包名 映射全局对象 映射路径 fastclick FastClick as.alipayobjects.com/g/luna-component/luna-fastclick/0.1.0/index.js vue Vue a.alipayobjects.com/g/h5-lib/vue/2.1.6/vue.min.js es6-promise Promise as.alipayobjects....
扩展能力
在 package.json 中 {"kylinApp":{"plugins":["module:./plugin.js"]} } 在 plugin.js 中编写如下代码。在如下 modifyWebpackConfig 和 modifyBabelConfig 两个函数中，修改原有的 webpack 和 babel 配置。在 plugin.js 中 exports....
Node.js构建vue工程发布到OSS
eslint 选择“JavaScript 代码扫描”，勾选“是否使用本地ESLint 配置”，以便使用代码库中.eslintrc.js中的规则。添加一个红线配置，问题数小于等于0，也就是要求不能有问题。unittest 选择“Node.js 构建”步骤，使用和本地相同的单元...
radio
[{name:'angular',value:'AngularJS'},{name:'react',value:'React',checked:true},{name:'polymer',value:'Polymer'},{name:'vue',value:'Vue.js'},{name:'ember',value:'Ember.js'},{name:'backbone',value:'Backbone.js'},]},...
checkbox
{ items:[{ name:'angular',value:'AngularJS' },{ name:'react',value:'React',checked:true },{ name:'polymer',value:'Polymer' },{ name:'vue',value:'Vue.js' },{ name:'ember',value:'Ember.js' },{ name:'backbone',value:'Backbone...
组件
lazy boolean false 是否对该组组件启用懒加载（当且仅当被 vue 使用到时再进行 require 加载模块）。如下示例：,ListItem,AButton }"src="@alipay/antui-vue"lazy/>默认对@alipay/antui-vue 组件库支持 babel-plugin-import 按需加载。...
脚手架简介
src/common 用以放置项目中使用的 CSS、JS、IMG 文件。src/layout 对应./src/pages/${pageName} 的各个页面，可以在 package.json 中配置对应页面使用的 HTML 模板路径。支持 Nunjucks 语法。src/pages 此目录用于存放各个页面。页面存放于...
快速接入
本文介绍如何快速接入Web播放器并完成...接入常见问题 如何在Vue项目中接入阿里云Web播放器SDK？阿里云Web播放器SDK提供基于Vue的播放器Demo源码，您可以参考使用。Demo获取地址，请参见 Vue Demo源码。相关文档 接口说明 基础功能 进阶功能
快速开始
引入(1)在 Vue 或 React 项目中使用 import {PDSClient} from 'aliyun-pds-js-sdk'(2)在 Node.js 中使用 const { PDSClient }=require('aliyun-pds-js-sdk')(3)在浏览器中以 script 标签引入 npm 安装后，在 node_modules/aliyun-pds-js-...
快速开始
引入(1)在 Vue 或 React 项目中使用 import {PDSClient} from 'aliyun-pds-js-sdk/browser'(2)在 Node.js 中使用 const { PDSClient }=require('aliyun-pds-js-sdk')(3)在浏览器中以 script 标签引入 npm 安装后，在 node_modules/aliyun-...
工程管理
工程目录结构 一个有效的卡片工程由位于工程根目录下的一个配置文件.act.config.json 和一组卡片描述文件.vue、.css、.json 等组成，目录结构如下所示：.├─dist/编译结果文件夹（执行“编译”操作时自动生成）│├─app.manifest/应用...
JS异常捕获插桩工具
二、快速上手 说明 使用小贴士：使用工具参与构建前一定要确保已集成了Quick Tracking WEB（v2.0.7及以上支持）或小程序（v1.0.4及以上）的SDK 插桩工具会将SDK 错误主动上报API作为函数表达式插入Catch表达式中，所以要确保运行时发生异常...
Flow语言专项场景
NodeJS应用构建并部署Kubernetes OSS 构建vue工程 构建产物发布到OSS Node.js构建vue工程发布到OSS Python语言 部署发布服务器 部署场景描述 部署操作流程 ECS 制品最终会运行在ECS或者自有主机上 Python应用构建并部署ECS K8s 使用容器...
Kylin 简介
Kylin 是 mPaaS H5 容器的无线前端解决方案，具有高效的运行时、一致的开发体验、丰富的研发支撑、完善的 UI 组件等诸多优点，解决移动 Hybrid 开发中遇到的前端打包、浏览器兼容性、Mock 接口等问题。Kylin 仅提供基于 Vue 2.0 的视图层...
在线体验及Demo源码
Vue Demo源码 提供基于Vue的播放器Demo源码，方便开发者使用。Demo地址请参见 阿里云播放器 Vue Demo。微信小程序 微信小程序缺少相关的DOM API和BOM API，这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、Zepto等，在微信小程序里...
小程序 SDK
SDK接入流程概览 步骤 集成内容 本文中的位置...endif 在 main.js 中引入 uapm.js import Vue from 'vue' import App from './App' import './uapm';Vue.config.productionTip=false App.mpType='app' const app=new Vue({.App })app.$mount()
如何在网页端进行视频直播？
阿里云视频直播服务支持多平台播放SDK方便快速接入，多终端推流适配。您可以根据不同业务场景任意组合使用。通过阅读本文，您可以了解如何在网页端进行...Web播放器使用过程中的一些常见的问题和对于解决方案或规避措施，请参考 常见问题。
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
模式匹配
为了表示匹配的数据子字符串的模式中，模式中应该包含两个转义字符的出现，并在后面加上一个双引号（"）。匹配成功后，将返回与这些分隔符之间的模式部分匹配的文本。转义-双引号分隔符实际上是将 子字符串 的模式分成三个独立的正则表达式...
交通
本文介绍了在交通行业中使用了移动开发平台服务的客户案例。北京公交 mPaaS x 启迪公交：为北京公交 App 重构研发模式。客户介绍 启迪公交，是中国领先的智慧公交系统方案提供商和服务运营商。旗下产品「北京公交 App」串联起了北京公共...
微信小程序接入
登录 当前项目中的登录模块为示例代码，直播间AppServer服务提供了以明文发送用户名及密码的login接口来获取身份Token，这部分逻辑仅仅只能作为本地开发、体验使用，切勿在实际生产环境中使用，登录功能实现请参考 微信小程序登录文档 自行...
微信小程序接入
登录 当前项目中的登录模块为示例代码，直播间AppServer服务提供了以明文发送用户名及密码的login接口来获取身份Token，这部分逻辑仅仅只能作为本地开发、体验使用，切勿在实际生产环境中使用，登录功能实现请参考 微信小程序登录文档 自行...
Web端
本文针对Web端播放器SDK使用过程中常见的问题提出解决方案或规避措施。如何正确选择Web端播放器SDK的播放模式？阿里云Web端播放器SDK支持H5和Flash两种播放模式。集成Web端播放器SDK 场景下，根据集成的js文件不同，可指定播放模式或设置成...
文件增值服务
以下方法需要打开相应开关才能使用。包括文档预览，音视频转码播放，打包下载。getOfficePreviewUrl 方法 重要 标准模式支持 警告 托管模式不支持 文档预览，需要开通对应的服务才可以使用。const result=await client.getOfficePreviewUrl...
页面
页面声明结构 一个 Page 包含的接口在 页面接口 中声明，提供了对 Vue 实例的完整控制能力，简易的 Page 使用如下，initOptions 负责处理额外的 Vue 配置选项。import { Page } from '@ali/kylin-framework';import IndexComponent from '....
热线SDK接入（新版）
考虑到一些依赖需要单独处理的问题，建议使用CDN的形式接入。术语表 术语详细说明，请参见下表：术语 说明 Client 即HotlineClient的实例，可以通过create的方式获取，如果直接以UI形式接入，可以通过onClientOnline回调的方式获取。Agent ...
JS 能力
本文介绍了在蚂蚁动态卡片中使用 JS 能力的方法。如果卡片需要 JS 能力，只需要在模板段内编写 JS 代码。在 vue 文件中按照如下格式，添加 script 段的代码。div class="root">()"></text></div></template><script>export ...
文件增值服务
以下方法需要打开相应开关才能使用。包括文档预览，音视频转码播放，打包下载。说明 请求参数中的 options:IPDSRequestConfig 基于 axios 的 request config 封装，详情请看：AxiosRequestConfig。getOfficePreviewUrl 方法 文档预览，需要...
Web播放器常见问题
本文针对Web播放器SDK使用过程中常见的问题提出解决方案或规避措施。如何正确选择Web播放器的播放模式？阿里云Web播放器支持H5和Flash两种播放模式。集成Web播放器SDK 场景下，根据集成的js文件不同，可指定播放模式或设置成自行适配播放...
模板写法
模板的书写语法借鉴 VUE，精简后仅包含、、和三个字段。字段 模板模式页面布局的相关逻辑应放置于<template></template>段内。模板模式段内支持的元素由卡片组件决定。字段 样式相关的支持请参考 样式语法。字段 JS 相关的逻辑放在 script ...
样式语法
相对于 CSS 规范，模板模式中支持的媒体查询能力有限，使用时也有一些特定的用法，具体可参考以下几个方面。媒体查询相关信息可参考@media 介绍。媒体类型 无需填写，默认使用 all。媒体类型 是否支持 all 是 screen 否 print 否 speech 否...
开发者工具Vue扩展使用教程
小程序开发者工具1.0版本，需要安装IDE扩展以便对Vue文件有更好的语法支持。只有首次使用时需要安装。背景信息 访问 这里 下载并安装阿里云小程序开发者工具1.0版本。操作步骤 打开阿里云小程序开发者工具，然后在左侧导航栏单击扩展市场...
WITH查询（公共表表达式）
简介 WITH 提供了一种方式来书写在一个大型查询中使用的辅助语句。这些语句通常被称为公共表表达式或 CTE，它们可以被看成是定义只在一个查询中存在的临时表。在 WITH 子句中的每一个辅助语句可以是一个 SELECT、INSERT、UPDATE 或 DELETE...
Web播放器常见问题
本文针对Web播放器SDK使用过程中常见的问题提出解决方案或规避措施。如何正确选择Web播放器的播放模式？阿里云Web播放器支持H5和Flash两种播放模式。集成Web播放器SDK 场景下，根据集成的js文件不同，可指定播放模式或设置成自行适配播放...
概述
HotSpotAPI 提供了场景地面标识的交互能力 ProgressAPI 提供了视图初始化加载进度的感知能力 该 SDK 与框架无关，您可在 React 框架中使用，也可嵌入到 Angular\Vue 等任何框架中使用。本文档将以嵌入 React 的方式演示如何利用该 SDK 加载...
- 产品推荐
- 这些文档可能帮助您