移动端Weex平台开发文档
时间:2022-06-01
本文章向大家介绍移动端Weex平台开发文档,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
weex接口基于h5接口补充修改(对内)
<script>
// 引入SDK system模块
const system = weex.requireModule('system')
export default {
methods: {
selectOrgMethod(){
//使用system的selectOrg方法
system.selectOrg('',function(data){
//成功回调
}, function(err){
//失败回调
})
}
}
}
</script>
设备基础接口(device模块)
获取网络信息
<script>
const modal = weex.requireModule('device')
export default {
methods: {
//网络
getNetworkTypeMethod(){
device.getNetworkType('', function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.3
})
})
}
}
}
</script>
选择照片
<script>
const system = weex.requireModule('system')
export default {
methods: {
selectPhotosMethod:function(e){
device.selectPhotos('', function(data){
console.log(data)
modal.toast({
message: JSON.stringify(data),
duration: 0.3
})
},function(err) {
console.log(err)
modal.toast({
message: JSON.stringify(err),
duration: 0.3
})
})
}
}
}
</script>
扫描二维码
<script>
const system = weex.requireModule('system')
export default {
methods: {
scanQRCodeMethod(){
device.scanQRCode('',function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
}, function(err){
})
}
}
}
</script>
平台功能调用(system模块)
获取用户ticket
<script>
const system = weex.requireModule('system')
export default {
methods: {
getTicketMethod(){
modal.toast({
message: JSON.stringify(system.getTicket()),
duration: 1.3
})
}
}
}
</script>
获取用户信息
<script>
const system = weex.requireModule('system')
export default {
methods: {
getUserInfoMethod(){
system.getUserInfo('',function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.3
})
},function(err){
})
},
}
}
</script>
选择组织
<script>
const system = weex.requireModule('system')
export default {
methods: {
selectOrgMethod(){
system.selectOrg('',function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
}, function(err){
})
}
}
}
</script>
选择用户
<script>
const system = weex.requireModule('system')
export default {
methods: {
selectUserMethod(){
system.selectUser('', function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
}, function(err){
})
}
}
}
</script>
分享到icome
<script>
const system = weex.requireModule('system')
export default {
methods: {
shareToICOMMethod(){
var icome=new Object();
icome.shareType=7;
icome.targetURL="http://www.baidu.com";
icome.title="分享的标题";
icome.imageURL="base64,";// base64,后面拼接base64的内容
icome.summary="分享内容摘要";
icome.appName="替换“返回”按钮文字,如果为空,用“返回”代替";
icome.extOption="1";
system.shareToICOM(icome, function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
}, function(err){
})
}
}
}
</script>
分享到微信
<script>
const system = weex.requireModule('system')
export default {
methods: {
shareToWechatMethod(){
var wechat=new Object();
wechat.type="1";//1好友,2朋友圈
wechat.shareType="1";//1文本,2图片,3网页
wechat.title="分享的标题";
wechat.imageUrl="url,可为空";
wechat.text="分享内容摘要";
wechat.url="跳转url"
system.shareToWechat(wechat, function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
}, function(err){
})
}
}
}
</script>
打开双人会话
<script>
const system = weex.requireModule('system')
export default {
methods: {
openChatMethod(){
var param=new Object();
param.userId="10045111";
param.userName="这是一个霜人会话的名字";
system.openChat(param,function(data){
}, function(err){
})
}
}
}
</script>
选择群组
<script>
const system = weex.requireModule('system')
export default {
methods: {
selectGroupMethod(){
system.selectGroup("", function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
},function(err){
})
}
}
}
</script>
打开会话
<script>
const system = weex.requireModule('system')
export default {
methods: {
openGroupChatMethod(){
var param=new Object();
param.groupId="10045111";//群id
system.openGroupChat(param,function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
},function(err){
})
}
}
}
</script>
创建多人会话
<script>
const system = weex.requireModule('system')
export default {
methods: {
createMultChatMethod(){
var info=new Object();
info.eId="10045111";//群主id
info.eName="群主姓名";//群主姓名
info.gName="群名称";//群名称
var eids=new Array("10045111","0000000","1111111")
info.eIds=eids;
system.createMultChat(info,function(data){
modal.toast({
message: JSON.stringify(data),
duration: 1.0
})
})
}
}
}
</script>
...缺少文件相关操作
页面跳转
遵从页面跳转协议 (http/icome/weixin)://... 如:icome://videoconf?key=1
<script>
const modal = weex.requireModule('device')
export default {
methods: {
// 打开网页
openWebAppMethod(){
console.log('will show toast')
device.openWebAppURL('http://www.baidu.com');
},
// 打开本地页面 如日程,会话等
openNativeAppMethod(){
device.openNativeAppURL('icome://videoconf?key=1');
},
// 按照协议打开任意页面
openCustomAppMethod(){
device.openCustomAppURL('icome://robot?eid=bot_10000001');
},
}
}
</script>
平台组件
请使用icome扫一扫功能扫描运行后的二维码 icome-web
<template>
<div class="wrapper">
<icome-web ref="webview" :src="url" class="webview" @pagestart="start" @pagefinish="finish" @error="error">
</icome-web>
</div>
</template>
<script>
const modal = weex.requireModule('icome-web')
</script>
Demo工程
- hdu---(1325)Is It A Tree?(并查集)
- spark2 sql编程样例:sql操作
- hdu----(1599)最大子矩阵(几何/dp)
- Go语言简单的TCP编程
- hdu---(1054)Strategic Game(最小覆盖边)
- Swagger Starter 1.4.0发布:新增swagger功能开源与全局参数的配置。
- Go语言语法汇总
- 整理的一些模版LCS(连续和非连续)
- 以太坊开发实战(第1部分:智能合约)
- spark2 sql读取数据源编程学习样例2:函数实现详解
- hdu---(4310)Hero(贪心算法)
- 数据库容器化|未来已来
- crontab命令详解
- hdu----(4308)Saving Princess claire_(搜索)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- FatFs-目录下文件扫描
- Python之Bilibili自动更新邮件提醒并任务栏图标「完整代码」
- STC15频率产生器(粗调+微调+数码管显示)完整代码
- PID算法原理、调整规律及代码
- GIT——分布式版本控制系统
- 如何在 PHP 中使用和管理 Cookie
- 玩转 PhpStorm 系列(九):代码调试篇(上)
- 在 PHP 中使用和管理 Session
- STC51单片机中断与定时器配置参考
- 玩转 PhpStorm 系列(十):代码调试篇(下)
- STM32字符串转整数
- Java常用设计模式--代理模式(Proxy Pattern)
- 详解爬取搜狐号自媒体的所有文章
- 笑了,面试官问我知不知道异步编程的Future。
- ES6之let和const命令