如何让微信小程序链接websocket

微信小程序官方提供了基础的websocket API接口，可以和自己的websocket服务器进行通信。虽然有了接口，但websocket服务器需要自己搭建，这并不是一件容易的事情。

可以试试我们的GoEasy，一款第三方的websocket框架服务，很好的支持微信小程序。

使用GoEasy，你无需搭建websocket服务器，通过GoEasy提供的接口，你可以很方便、快捷的将信息发送到任何你的客户端。

具体的使用方法在下面：

登录自己的微信公众平台

进入微信公众平台|小程序 ->睁汪 设置 ->开发设置 ->服务器域名 选项的 socket合法域名项

添加 goeasy的地址： wx-hangzhou.goeasy.io

获取 GoEasy SDK

下载 https://cdn.goeasy.io/download/goeasy-1.0.11.js

import GoEasy from './goeasy-1.0.11'

初始化 GoEasy 对象

// 在onLaunch方法里初始化全友早蠢局GoEasy对象this.globalData.goEasy = new GoEasy({

host: "hangzhou.goeasy.io", //应用所在的区域地址: 【hangzhou.goeasy.io | singapore.goeasy.io】

appkey: "my_appkey", //替换为您的应用appkey

onConnected: function() {

console.log('连接成功！')

},

onDisconnected: function() {

console.log('连接断开！')

},

onConnectFailed: function(error) {

console.log('连接失败或错误！')

}})

小程序端接收消息

getApp().globalData.goEasy.subscribe({

channel: "my_channel", //替换为您自己的channel

onMessage: function (message) {

console.log("Channel:" + message.channel + " content:" + message.content)

}})

小程序端发送消息：

getApp().globalData.goEasy.publish({

channel: "my_channel", //替换为您自己的channel

message: "Hello, GoEasy!" //替换为您想要发送的消息内容})

以上便是在微信小程序中使用websocket的步骤，这里提供一份教程和demo，希望对你有所帮好陪助：网页链接

小程序可以通过向自己缓世困的服务器发送请求获取用户的openid，然后将openid存储在用户的本地缓存中，每次请求时携带openid即可识别用户身份。在使用webview套用小程序的过程中，可以通过扰念一些返配手段将用户的openid传递到webview中，在webview中获取openid后进行本地存储，然后在需要识别用户身份的时候读取该openid即可。当然，这种方法需要配合小程序后台接口实现，确保传递的openid是正确的并具有唯一性。

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了，本文主要还是体验了下 web-view 的功能。

有了这个组件之后，小程序可以很好的嵌入一些页面，可以环境小程序 size 告急的问题，同样也使开发更加便捷，毕竟小程序开发者基本都对前端开发较为了解。

说再多还是需要去看官方文档， web-view文档 ,

首先就需要注意：兼容问题， 版本库和对应版本比例

目前而言，基本 80% 的用户会升级微信，所以其实不必担心版本问题，官方截止 2017-12-01 提供的数据也说明 88% 的用户支持 web-view 。

web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面；

属性： src 是 String 类型，是一个网站的 url ，默认值是 none ， webview 指向网页的链接。需登录小程序管理后台配置域名白名单。

可以配合 Page 实例的 onLoad 方法来获取 url 的具体值，也就是一个微信小程序页面中只有一个 web-view ，但是这陪碰个 web-view 的内容可以根据上一个页面传递的参数来获取页面 URL ，后面会讲如何实践，

官方提供如下接口：

1. 由小程序到 web-view ,其实本质上 WEB-VIEW 也是小程序的一个页面，所以小程序到 web-view 是正常的小程序间的通信，通过 wx.navigateTo 、 wx.redirectTo ，带上 url 参数, query 参数就像正常 url 的参芦锋谈数一样跟着后面，然后在 web-view 的页面的 Page 实例里面通过 onLoad 的方法的参数来获取 url 的值，设置给 web-view 的 src 属性为改值即可。

2. 由 web-view 到小程序，由于在 web-view 的跳转通常是在 src 对应的网页中的 *** 作来处理的，所以需要结合 jssdk 来处理，不需要 wx.config 配置，直接通过 script 标签来引入 [https://res.wx.qq.com/open/js/jweixin-1.3.0.js](http://link.zhihu.com/?target=https%3A//res.wx.qq.com/open/js/jweixin-1.3.0.js) ，就可以使用 wx.miniProgram.navigateTo 、 wx.miniProgram.navigateBack 、 wx.miniProgram.switchTab 、 wx.miniProgram.reLaunch 、 wx.miniProgram.redirectTo 接口，就像小程序之间的跳转一样，单是只能在当前小程序页面内跳转。

// web-view下的页面内 console.log(window.__wxjs_environment === 'miniprogram') // true

在目前实践了部分 web-view 的功能，

在这个 web-view 中，指向的就基团是 https://test.com 的内容，所以在在 https://test.com 中跳转出回到小程序，需要修改 https://test.com 中的 JavaScript ,

如果需要使用一些其他的的 jssdk 的方法，那就需要参照公众号的开发配置了。

由于很多使用中的一些问题

---