移动端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工程

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏deepcc

利用Javascript判断操作系统的类型

3449
来自专栏程序员的知识天地

移动端上拉加载和下拉刷新的vue插件

npm install --save mescroll.js //不要使用cnpm安装

892
来自专栏河湾欢儿的专栏

01-工具 面板 视图

网页分为两步: 1.从设计稿中切出网页素材 比如说:按钮 logo 图片 背景等 2.编写代码,按效果图实现静态页面

781
来自专栏葡萄城控件技术团队

Html5 FileReader 对文件进行Base64编码

以Base64进行编码的数据Url开始越来越广泛的被应用起来,原来做Base64转换要自己写一个小程序来转,其实Html5的FileReader的readAsD...

1968
来自专栏闻道于事

第一天上午——HTML网页基础知识以及相关内容

今天上午学习了HTML基础知识以及相关内容,还有DW的基本使用方法。 HTML(HyperText Markup Language):超文本标记语言,超文本:网...

2986
来自专栏Scott_Mr 个人专栏

React Native 系列(九) -- Tab标签组件

3939
来自专栏前端进阶之路

带你五步学会Vue SSR

SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官网...

874
来自专栏向治洪

React Native 0.50版本新功能简介

React Native在2017年经历了众多版本的迭代,从本人接触的0.29版本开始,到前不久发布的0.52版本,React Native作为目前最受欢迎的移...

2686
来自专栏Material Design组件

Material Design — 菜单(Menus)

36010
来自专栏前端新视界

Vue.js 系列教程 3:Vue-cli,生命周期钩子

原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教...

2155

扫码关注云+社区