客户端集成跨平台插件
uniapp是一个使用Vue.js开发跨平台应用的前端框架。开发者编写一套代码，uni-app可将其编译到iOS、Android平台，保证其正确运行并达到优秀体验。官方维护的版本放在【DCloud插件市场】上以开源的形式发布。如果需要下载打包版本，请访问...
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":...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
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
group>Page({ data:{ 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:'...
数字人流媒体服务WebSDK
如果在Windows操作系统上运行，请避免直接使用cmd.exe，推荐使用支持Shell解释器的命令行客户端，如Git Bash，cmder等；1.运行nodejs服务端工程#生成ssl证书（仅测试用，请勿用于生产环境）openssl req-newkey rsa:2048-new-nodes-x509-...
使用CDN加速OSS上的图片资源分发
例如，一个使用Vue开发的前端项目，在打包后会产生很多CSS、JS以及一些图片。如果在发布时改动了某个图片，发布成功后，您访问站点时会发现是旧的图片。如果清除浏览器缓存后发现仍是旧图片，则可以判定为CDN未刷新缓存。此时需要获取该...
组件
lazy boolean false 是否对该组组件启用懒加载（当且仅当被 vue 使用到时再进行 require 加载模块）。如下示例：,ListItem,AButton }"src="@alipay/antui-vue"lazy/>默认对@alipay/antui-vue 组件库支持 babel-plugin-import 按需加载。...
使用指南
在 Kylin 工程下，可以看到 package.json 中已经存在了@alipay/antui-vue 的依赖。要使用 Ant UI 前端组件，您可以通过以下方式之一：在 Kylin 工程中使用该组件，按照 dependency 的方式导入，因为 ...Vue.component(Notice.name,Notice);
快速开始
引入(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-...
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:'...
浏览器兼容性和已知问题
Web sdk 浏览器兼容性和...三、关于 Vue 3 响应式及 Proxy 由于Vue 3 基于 Proxy 实现响应式，请开发者使用 Vue markRaw 将Client，LocalTrack，RemoteTrack 等 SDK 实例设置为非响应式属性，若对 SDK 实例加了 Proxy，可能会导致 SDK 异常。
命令行工具
包名 映射全局对象 映射路径 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....
扩展能力
操作步骤 完成以下步骤进行扩展：在工程根目录创建 plugin.js。在 package.json 中的 kylinApp.plugins 中添加如下配置项。在 package.json 中 {"kylinApp":{"plugins":["module:./plugin.js"]} } 在 plugin.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-...
Node.js构建vue工程发布到OSS
流水线的基本组成 进行代码扫描，使用云效内置的“JavaScript 代码扫描”步骤 进行单元测试，使用云效内置的“Node.js 构建”步骤 进行测试环境发布，使用云效内置的“Node.js 构建”步骤和“OSS 上传”步骤 进行生产环境发布，和第三步...
脚手架简介
src/common 用以放置项目中使用的 CSS、JS、IMG 文件。src/layout 对应./src/pages/${pageName} 的各个页面，可以在 package.json 中配置对应页面使用的 HTML 模板路径。支持 Nunjucks 语法。src/pages 此目录用于存放各个页面。页面存放于...
在线体验及Demo源码
Vue Demo源码 提供基于Vue的播放器Demo源码，方便开发者使用。Demo地址请参见 阿里云播放器 Vue Demo。微信小程序 微信小程序缺少相关的DOM API和BOM API，这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、Zepto等，在微信小程序里...
Flow语言专项场景
NodeJS应用构建并部署Kubernetes OSS 构建vue工程 构建产物发布到OSS Node.js构建vue工程发布到OSS Python语言 部署发布服务器 部署场景描述 部署操作流程 ECS 制品最终会运行在ECS或者自有主机上 Python应用构建并部署ECS K8s 使用容器...
如何在网页端进行视频直播？
引入单模式的js文件 如果您只是想使用其中一种播放技术，也可以只引用对应技术的js文件，从而获得更小的文件体积。H5模式，示例如下：<head><link rel="stylesheet"href=...
JS异常捕获插桩工具
一、功能介绍 js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
快速接入
引入单模式的js文件 如果您只是想使用其中一种播放技术，也可以只引用对应技术的js文件，从而获得更小的文件体积。H5模式，在项目前端页面文件中的标签处引入Web播放器SDK的JS文件和CSS文件，示例如下：<head><link rel="stylesheet"href=...
文件增值服务
以下方法需要打开相应开关才能使用。包括文档预览，音视频转码播放，打包下载。getOfficePreviewUrl 方法 重要 标准模式支持 警告 托管模式不支持 文档预览，需要开通对应的服务才可以使用。const result=await client.getOfficePreviewUrl...
文件增值服务
以下方法需要打开相应开关才能使用。包括文档预览，音视频转码播放，打包下载。说明 请求参数中的 options:IPDSRequestConfig 基于 axios 的 request config 封装，详情请看：AxiosRequestConfig。getOfficePreviewUrl 方法 文档预览，需要...
进阶用法
} } 在Vue3中使用 Vue3的响应式状态 ref()会对对象进行深层次解包，将每一个子对象嵌套ref，这会导致推流实例对象的内部结构异常。请不要使用 ref()来保存推流SDK的实例对象，可以改为使用一个普通的变量，或者 shallowRef()。示例如下：...
工程管理
工程目录结构 一个有效的卡片工程由位于工程根目录下的一个配置文件.act.config.json 和一组卡片描述文件.vue、.css、.json 等组成，目录结构如下所示：.├─dist/编译结果文件夹（执行“编译”操作时自动生成）│├─app.manifest/应用...
小程序 SDK
SDK接入流程概览 步骤 集成内容 本文中的位置 是否必选 第一步 SDK获取 查看文档「第1步下载SDK」必选 第二步 开发配置 查看文档「第2步开发配置...Vue.config.productionTip=false App.mpType='app' const app=new Vue({.App })app.$mount()
热线SDK接入（新版）
使用定制UI接入 如果您需要定制自己的UI风格，或者需要定制其他UI框架下的组件（比如VUE），可以按照下面的方式来实现：引入以下资源：<script src="//g.alicdn.com/hotline-client/hotline-client-sdk/${version}/hotline-client-fuyun/...
交通
解决方案 因开发人员只具备 Java 和 Vue.js 的开发能力，无法在短时间内快速掌握一门全新的开发语言或原生 UI 组件开发的能力。但因业务要求紧急，因此技术团队决定将原有模型中的 Uni-App 替换为 mPaaS 小程序。针对点货网 App 进行功能...
Kylin 简介
Kylin 仅提供基于 Vue 2.0 的视图层框架，以极小的 JS 加载开销实现高效的 DOM 更新。Kylin 作为无线前端解决方案只提供 Safari、UC Webview 和 Chrome 浏览器兼容性保障。说明 mPaaS 已经提供了更新和更稳定的小程序组件作为今后主要维护...
Web端
本文针对Web端播放器SDK使用过程中常见的问题提出解决方案或规避措施。如何正确选择Web端播放器SDK的播放模式？阿里云Web端播放器SDK支持H5和Flash两种播放模式。集成Web端播放器SDK 场景下，根据集成的js文件不同，可指定播放模式或设置成...
Web播放器常见问题
本文针对Web播放器SDK使用过程中常见的问题提出解决方案或规避措施。如何正确选择Web播放器的播放模式？阿里云Web播放器支持H5和Flash两种播放模式。集成Web播放器SDK 场景下，根据集成的js文件不同，可指定播放模式或设置成自行适配播放...
Web播放器常见问题
本文针对Web播放器SDK使用过程中常见的问题提出解决方案或规避措施。如何正确选择Web播放器的播放模式？阿里云Web播放器支持H5和Flash两种播放模式。集成Web播放器SDK 场景下，根据集成的js文件不同，可指定播放模式或设置成自行适配播放...
微信小程序接入
微信小程序权限 由于AUI Kits互动直播场景SDK所使用的小程序标签有更苛刻的权限要求，因此集成的前提是需要开通小程序的类目和标签使用权限，否则无法使用。包括如下步骤：注册企业类小程序：小程序推拉流标签仅支持企业类小程序申请，需要...
微信小程序接入
微信小程序权限 由于AUI Kits互动直播场景SDK所使用的小程序标签有更苛刻的权限要求，因此集成的前提是需要开通小程序的类目和标签使用权限，否则无法使用。包括如下步骤：注册企业类小程序：小程序推拉流标签仅支持企业类小程序申请，需要...
使用JavaScript SDK上传媒体文件
本文介绍如何使用JavaScript SDK将媒体文件（本地文件或网络文件）从客户端上传至点播存储，提供相关SDK的集成及文件上传指引。前提条件 您已经完成上传相关的系统配置，包括启用目标存储地域的存储地址和配置回调。操作指引请参见 管理...
客户端接入
在控制台添加验证场景后，您需要在使用验证功能的Web或H5页面中，集成验证码初始化代码，实现客户端接入。本文介绍如何集成验证码初始化代码。前提条件 已开通 验证码2.0 服务，并新建 客户端类型 为 Web 或 H5 的验证场景。具体操作，请...
uni-app接入
方法说明 引入方式 在 vue 或者 nvue 文件中，通过使用 uni.requireNativePlugin 方法引入原生插件。调用示例 const aLiSDKModule=uni.requireNativePlugin('AliCloud-NirvanaPns');setAuthSDKInfo（设置密钥）方法说明：必调方法。使用一...
uni-app接入
不可以滚动)weexJsPath:"",/授权页背景js文件本地资源路径，使用weex渲染，默认view铺满全屏，优先级位于webviewUrl之后，weex渲染的js文件生成详情可以参考附录2 weexJsUrl:"",/授权页背景js文件网络URL，使用weex渲染，默认view铺满全屏...
样式语法
background-color:blue"></div></div></template>/mock.json {"style":{"height":"100px","backgroundColor":"red"} } 模板在内联样式上接收的属性值是一个 JS object。上文示例 动态绑定 ...
- 产品推荐
- 这些文档可能帮助您