使用指南
Kylin 在 Kylin 工程的.vue 组件文件下，支持特殊语法，可以使用如下方式注册组件依赖：<dependency component="{ Notice }" src="@alipay/antui-vue">上述语法表示，在当前.vue 文件内，可以在 template 模板中使用 Notice 组件。ESModule 在...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
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":...
组件
Component 扩充自 Vue 的组件,提供了 Vue 组件对等的输入参数能力。在代码书写时提供类 class 的装饰器 Decorator 风格。代码引入 import { Component,Watch } from '@ali/kylin-framework';组件声明结构 一个组件可以包含数据、JSX 渲染...
脚手架简介
components 目录中，每个组件都是 Vue 组件，具体编写规范请参考 组件规范。store 目录中，有一个 Vuex.Store 实例，具体使用请参考 状态注入。index.js 为当前 page 的主入口，这里的 page 页面最后会生成一个特定的${pageName}.html 页面...
使用云边通信Raven组件
在 ACK Edge集群 中，跨网络域通信组件Raven提供了基础的多地域网络通信能力，以实现云边运维能力。您可以配置Raven组件，选择云边通信模式（代理模式、隧道模式），也可以增删访问控制白名单条目，放行边缘网关节点以使其与云上构建隧道。...
raven-agent-ds
raven-agent-ds是在阿里云 容器服务 Edge 版 中使用的云边网络通信组件。本文介绍该组件的基本信息、使用说明和变更记录。组件介绍 ACK Edge集群 创建时会默认安装raven-agent-ds网络组件。该组件通过DaemonSet方式部署，采用主机网络模式...
云边通信组件Raven概述
为提升云边运维和监控能力，ACK Edge集群 引入了云边通信组件Raven。本文介绍Raven组件的基本概念、工作原理以及功能说明。云边协同架构的 跨地域网络通信 ACK Edge集群 采用中心云管理边缘IDC以及边缘设备的云边协同架构。分散在边缘侧的...
网络管理概述
ACK Edge集群 支持将云下IDC服务设备以及边缘设备接入到阿里云容器服务平台，并提供云上的ACK功能，同时可以管理自有的计算资源，本文为您...您可以通过云边通信组件实现云上与云下的容器网络通信。更多信息，请参见 云边通信组件Raven概述。
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'},]},...
命令行工具
包名 映射全局对象 映射路径 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....
扩展能力
exports.default=function(){ return { webpack:function modifyWebpackConfig(webpackConfig){ webpackConfig.vue.postcss.push(px2rem({/该参数和模版 html 中的 font-size 配置需要根据具体项目的 UI 交互稿修改 remUnit:100 }));...
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...
Flow语言专项场景
NodeJS应用构建并部署Kubernetes OSS 构建vue工程 构建产物发布到OSS Node.js构建vue工程发布到OSS Python语言 部署发布服务器 部署场景描述 部署操作流程 ECS 制品最终会运行在ECS或者自有主机上 Python应用构建并部署ECS K8s 使用容器...
小程序 SDK
SDK接入流程概览 步骤 集成内容 本文中的位置 是否必选 第一步 SDK获取 查看文档「第1步下载SDK」必选 第二步 开发配置 查看文档「第2步开发配置...Vue.config.productionTip=false App.mpType='app' const app=new Vue({.App })app.$mount()
Node.js构建vue工程发布到OSS
本文会介绍如何在Flow中构建vue工程，并将构建产物发布到OSS，然后在应用页面中引用OSS上的静态资源地址。方案概览 开通一个OSS的bucket，假设其地址为：static-serving.oss-cn-beijing.aliyuncs.com 假设构建后的静态资源包含两个文件：1....
快速接入
Web播放器SDK不依赖于任何的前端js库，只需要在页面中引用js文件，就可以进行初始化。引入自适应模式的js文件 该js文件同时包含了Flash和H5跨终端自适应的逻辑。引入该js文件后，播放器SDK会自行适配播放模式。在项目前端页面文件中的标签...
快速开始
引入(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-...
在线体验及Demo源码
Vue Demo源码 提供基于Vue的播放器Demo源码，方便开发者使用。Demo地址请参见 阿里云播放器 Vue Demo。微信小程序 微信小程序缺少相关的DOM API和BOM API，这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、Zepto等，在微信小程序里...
如何在网页端进行视频直播？
引入单模式的js文件 如果您只是想使用其中一种播放技术，也可以只引用对应技术的js文件，从而获得更小的文件体积。H5模式，示例如下：<head><link rel="stylesheet"href=...
JS异常捕获插桩工具
一、功能介绍 js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
交通
解决方案 因开发人员只具备 Java 和 Vue.js 的开发能力，无法在短时间内快速掌握一门全新的开发语言或原生 UI 组件开发的能力。但因业务要求紧急，因此技术团队决定将原有模型中的 Uni-App 替换为 mPaaS 小程序。针对点货网 App 进行功能...
快速开始
引入(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-...
package.json规范
emit 触发 emit 方法作为一个基础类方法，会将事件名及需要的数据作为参数抛出，其他组件即可通过变量名获取到该组件的参数值，需要在 index.js规范 源码中实现（详情请参见注释）。render:function(){ this.container.on('click',()=>{ ...
package.json规范
emit 触发 emit 方法作为一个基础类方法，会将事件名及需要的数据作为参数抛出，其他组件即可通过变量名获取到该组件的参数值，需要在 index.js 源码中实现（详情请参见注释）。render:function(){ this.container.on('click',()=>{ this....
组件概述
组件类型 容器服务ACK管理的集群组件类型包括系统组件和可选组件：系统组件：创建ACK集群时，默认安装的组件。可选组件：创建ACK集群时，可选择性安装的组件，用于扩展集群功能。核心组件 组件名称 组件类型 描述 Kube API Server 系统组件...
Kylin 简介
Kylin 仅提供基于 Vue 2.0 的视图层框架，以极小的 JS 加载开销实现高效的 DOM 更新。Kylin 作为无线前端解决方案只提供 Safari、UC Webview 和 Chrome 浏览器兼容性保障。说明 mPaaS 已经提供了更新和更稳定的小程序组件作为今后主要维护...
工程管理
工程目录结构 一个有效的卡片工程由位于工程根目录下的一个配置文件.act.config.json 和一组卡片描述文件.vue、.css、.json 等组成，目录结构如下所示：.├─dist/编译结果文件夹（执行“编译”操作时自动生成）│├─app.manifest/应用...
边缘运维通道
更多信息，请参见通过 使用云边通信Raven组件。原生Kubernetes集群中，云端管控组件需要直接访问边缘节点的Kubelet来执行运维命令，或者云端运维监控组件metrics-server需要从云端拉取边缘的监控指标数据。在 ACK Edge集群 的场景下，当您...
历史功能发布记录（2023年）
全部 无 新增Raven组件替换edge-tunnel，支持 ACK Edge集群 云边通信 ACK Edge集群 以节点池为单位支持节点多地域分布，不同节点池的节点处于不同的网络域，无法直接通信。Raven组件提供两种模式，即代理模式和隧道模式，分别提供跨网络域...
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播放器常见问题
view class="container"><p>VUE2 Demo</p><div id="url-player-test"></div></view></template><script>export default { mounted(){/在适合的生命周期，通过script和link标签引入播放器sdk、css this.loadWebPlayerSDK().then...
微信小程序接入
本文介绍微信小程序集成AUI Kits互动直播场景竖屏样式组件的操作方式、注意事项及相关代码示例等内容。前提条件 AppServer 您已经搭建AppServer并获取了访问域名。搭建步骤，请参见 服务端集成。主播端 目前微信小程序仅包含观众端模块，暂...
微信小程序接入
本文介绍微信小程序集成AUI Kits互动直播场景竖屏样式组件的操作方式、注意事项及相关代码示例等内容。前提条件 AppServer 您已经搭建AppServer并获取了访问域名。搭建步骤，请参见 服务端集成。主播端 目前微信小程序仅包含观众端模块，暂...
Web播放器常见问题
阿里云Web播放器不支持在微信小程序中运行，您需要使用小程序自带的Video组件去播放视频。相关Demo请参见 微信小程序。经过H.265编码的视频无法播放 Web播放器SDK从2.14.0版本开始支持播放H.265编码协议的视频流，如需使用此功能，需要申请...
样式语法
background-color:blue"></div></div></template>/mock.json {"style":{"height":"100px","backgroundColor":"red"} } 模板在内联样式上接收的属性值是一个 JS object。上文示例 动态绑定 class...
小组件开发最佳实践（iOS）
应用程序小组件是一个微型的应用程序视图，可以嵌入其他应用程序（例如主屏幕）中并接收定期更新。本文档介绍了开发iOS小组件。创建证书 iOS中小组件（Widget）是一个独立的应用，可以看做是一个独立的App（宿主App的拓展程序），所以我们...
事件绑定
通用事件 在卡片中，可以绑定在模板中的事件有以下两种：点击：click 长按：longpress 模板用法 参照 VUE 格式，模板模式下事件绑定仅支持指令形式。指令形式支持简写格式。使用时，可绑定的事件名（即下文示例代码中的@click）由卡片注册...
UI 组件库简介
AntUI 前端组件库，是基于蚂蚁金服支付宝 App 视觉交互规范，以 Vue 为视图框架封装的一套组件库。另外 AntUI 前端组件库也是在基于原有 AntUI 无线 H5 样式库的样式下，完善过交互逻辑，抽象配置项后的组件库。主要有以下组成部分：@...
模板写法
模板的书写语法借鉴 VUE，精简后仅包含、、和三个字段。字段 模板模式页面布局的相关逻辑应放置于<template></template>段内。模板模式段内支持的元素由卡片组件决定。字段 样式相关的支持请参考 样式语法。字段 JS 相关的逻辑放在 script ...
- 产品推荐
- 这些文档可能帮助您