taro开发微信小程序-使用websocket(七)

taro框架开发微信小程序,taro框架目前是移动端的混合全能框架,对于微信小程序平台编译优秀,taro ui结合webpack可以编译微信小程序,anroid,ios,H5等平台代码,taro ui是基于taro的一套ui界面库。本栏博客介绍如何使用使Trao和Taro UI框架来开发移动端微信小程序.

taro开发微信小程序-使用websocket(七)_第1张图片 websocket

下面是我封装的taro websocket的组件代码链接:

1.封装组件:https://download.csdn.net/download/museions/10845372;CSDN强制壹积分,有困难的留言

2.使用方法:在组件中使用

import Websocket from '../../utils/websocket'

componentDidMount(){
    console.log(Websocket)
    var _this = this;
    var ws = new Websocket({
      url:wsurl,//自定义  wss协议
      onMessage:(r)=>{
        _this.onMessage(r);
      }
    });
    this.ws = ws;
}


/*发送数据*/

    if(this.ws.ready){
      this.ws.send({a:0})
    }

以上过程就是完整的使用!注意一点,websocket初始化与发送数据 尽量不要在同一个生命周期钩子函数中。

taro开发微信小程序-初始化项目(一)

taro开发微信小程序-了解项目结构(二)

taro开发微信小程序-使用Taro ui(三)

taro开发微信小程序-路由传参(四)

taro开发微信小程序-页面开发规范(五)

taro开发微信小程序-配置tab页面(六)

taro开发微信小程序-使用websocket(七)

taro开发微信小程序-网络请求(八)

taro开发微信小程序-解决编译报错Error: EISDIR: illegal operation on a directory(九)

taro开发微信小程序-加载腾讯地图(十)

taro开发微信小程序-播放轨迹(十一)

taro开发微信小程序-在地图页面添加搜索框(十二)

taro开发微信小程序-列表下拉刷新,上拉加载(十三)

taro开发微信小程序-添加开发者预览,上传测试版本(十四)

taro开发微信小程序-数据共享于缓存使用Redux(十五)

errMsg:getLocation:fail:require permission desc-小程序无法定位[解决](十六)

 

你可能感兴趣的:(taro开发微信小程序)