目录 0.概述websocket 1.app.js写法 2.后台写法 0.概述websocket (1) 个人总结:后台设置了websocket地址,服务器开启后等待有人去连接它. 一个客户端一打开就去连接websocket地址,同时传递某些识别参数.这样一来后台和客户端连接成功了,然后后台就可以发消息给客户端了,(客户端也可以再回话给后台). (2) socket叫套接字,应用程序用socket向网络发出请求或者应答网络请求. (3) 官方解释的socket 建立连接四步骤: 服务器端开启so

微信小程序直播(转) 通过PC实现推流,然后用小程序进行直播播放,也就是PC->小程序. 小程序支持 小程序的直播能力只针对某些类目开放并且需要申请开通. 支持的类目 社交 直播 教育 在线教育 医疗 互联网医院,公立医院 政务民生 所有二级类目 金融 银行等 如果你的目录支持,在小程序后台设置开通. https://help.aliyun.com/document_detail/29716.html 配置腾讯云 我在这里使用的是腾讯云的视频服务,传送门 https://console.clou

小程序直播的介绍 “小程序直播”是微信提供给开发者的实时视频直播工具,包括直播管理端.主播端和观众端等模块,支持提供常用的用户互动和营销促销工具. 开发者只需在小程序中引入相关代码并在管理后台完成配置,即可向用户提供直播服务,在小程序内流畅完成购买交易闭环,提升转化率. 小程序直播的特点 形态:竖屏    互动:点赞.评论.抽奖    带货:直播画面内可以看到商品展示.并且可以直接在商家的小程序内完成购买    其它:可以利用代金券.优惠券的形式吸引用户回流,在转化率上相比其他直播电商平台有不小

uni-app对接微信小程序直播 1.登录微信小程序后台-点击>设置->第三方设置->添加直播插件 2.添加直播组件后->点击<详情>      记录这两个参数直播插件的appid和最新版本号 3. 打开项目,找到manifest.json这个文件 代码: "plugins" : { "live-player-plugin" : { "version" : "1.1.9", //最新直播组件

一. 小程序直播支持的格式 目前小程序支付两种格式直播 1) flv格式直播 2) rtmp格式直播 二. 能够开通小程序直播的行业类目 由于直播需要资质, 并不是每个企业都能够开通小程序直播, 微信暂时开放了下面几个行业类目: 一级类目 社交:直播 教育:在线教育 医疗:互联网医院,公立医院 政务民生 二级类目 金融 基金.信托.保险.银行.证券/期货.非金融机构自营小额贷款.征信业务.消费金融 可以看到开放的类目非常少, 如果你不在上面的类目中, 就不能开通直播功能,  三. 小程序直播开发

这段时间抽空研究了下直播技术,综合比较了下腾讯云直播的技术和文档方面最齐全,现把一些技术资料和文档归集如下: 1.微信小程序移动直播入门导读 https://cloud.tencent.com/document/product/454/12517 微信在 2017 下半年的版本中,开始集成移动直播 SDK 到小程序解决方案中,并通过 <live-pusher> 和 <live-player> 两个标签,封装 LiteAVSDK 的 TXLivePusher 和 TXLivePlay

1.一个可以忽略的前言 最近在做的一个项目,客户要做一个直播平台,主播发起视频直播,然后其他人进入房间观看这样子,跟其他直播平台不同的是,主播可以打赏观众,噗. 因为客户要做的是一个民宿的微信小程序,所以这个直播发起也是在微信小程序中完成的,好在后来查到微信小程序中有这种组件,之前想说用H5来做但是发现在移动端不同型号的兼容性问题非常不理想基本放弃了, 还有一种方式就是做个app了,但这就在我的知识范围之外了,用webApp的话也没找到这种采集摄像头视频的api,只找到发起摄像头摄像的api,并

效果预览 开发环境搭建 安装微信开发者工具   相对于以前微信以前的产品来说.小程序在发布之初就面向开发者开放微信开发者工具.使开发者更加方便的开发和调试小程序.我们从官网下载安装.官网下载地址.现在只支持windows和mac.安装完成之后我们就可以使用创建小程序了. 创建初始工程   打开微信微信开发者工具,选择项目目录.注意这里的项目目录最好是空文件夹或者当前目录下面没有package.json文件.然后输入appid和项目名称.appid可以在官网申请点击确定就会生成小程序项目. 直播功

可以通过此脑图大概了解小程序直播内容:https://developers.weixin.qq.com/community/develop/article/doc/0002a62b3749f088fae95311356813 小程序直播组件是微信给开发者提供的实时视频直播工具,可以帮助开发者快速通过小程序向用户提供优质的直播内容,在小程序内流畅完成购买交易闭环,提升转化率: 小程序直播组件包括观众端.主播端及后台管理端,其中观众端提供拉流.实时互动.订阅提醒.商品购买等能力,主播端提供开播.推流

申请开通小程序直播 1.申请小程序直播有以下几个硬性指标: 1. 满足小程序18个开放类目 2. 主体下小程序近半年没有严重违规 3. 小程序近90天内有过支付行为 4. 主体下公众号累计粉丝数大于100人 5. 主体下小程序连续7日日活跃用户数大于100人 6. 主体在微信生态内近一年广告投放实际消费金额大于1万元 注:条件1.2.3为必须满足,4.5.6为满足其中一项即可 2.登录微信公众平台,提交申请 左侧菜单栏找到直播,即可申请. 小程序接入直播组件 1.引入直播组件 支持在主包或分包内

微信小程序官方API中  wx.chooseImage() 是可以进行图片压缩的,可惜的是不能压缩到指定大小. 实际开发中需求可能是压缩到指定大小: 原生js可以使用canvas来压缩,但由于微信小程序对canvas有封装,使得利用canvas来压缩图片有了一些区别: 代码放在了git: https://github.com/jonyellow/code-diary/tree/master/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87%E5%8E%

目录 一.登录流程 二.后端实现 1.SpringBoot项目结构树 2.实现auth.code2Session 接口的封装 3.建立用户信息表及用户增删改查的管理 4.实现登录认证及令牌生成 三.前端实现与测试 1.编写登录公共函数 2.搭建登录页面 3.登录测试 一.登录流程 首先参考小程序官方文档中的流程图: 根据流程图描述,主要步骤有以下几步 1.小程序端调用 wx.login()向微信接口服务获取 临时登录凭证code ,并上传至开发者服务端. 2.开发者服务端向微信服务接口服务调用

简介 中国目前大概有5000个表白墙,累计用户近3000万,是一个庞大的群体,但现在大都以微信朋友圈为基础进行信息中转,但是这种模式经营者和用户都不友好,尤其是经营者无法变现,用户无法公开评论,这些种种问题就造就了行星万象的诞生.这是一个信息发布类型的微信小程序,可以发布例如吐槽.找对象等信息.甚至能轻易改造为论坛小程序,废话不说,扫码查看小程序演示: 好项目应该被顶起来,可以的话给个Star鼓励下: Gitee: https://gitee.com/vtep/WISE-OS.git Githu

微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend. 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标. touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmove

最近刚好也在做新的小程序项目,所以有机会给大家整理一个完整的开发流程! 上一篇介绍是如何获得appid,那么接下来就是怎么新建一个全新的小程序项目了 首先:下载最新版的微信开发者工具,支持网页版微信开发跟小程序,我们选择小程序就好了 然后就是拿到申请好的appid,上篇说了怎么得到! 选择小程序项目后,出现如下图所示 然后将appid输入进去,项目名称随便写一个,项目目录的话,也随便在一个盘符中建立一个目录就好,填写完成后,选中目录所在盘符,点击确定 现在就已经初始化好了一个程序项目了! 下一篇

首先,一个小程序同时只能有一个WebSocket连接,如果当前已经存在一个WebSocket连接,会关闭当前连接,并重新建立一个连接. 其次,如果使用了appID,协议必须是 wss://... 最近团队用小程序做行情,在连接socket的时候,发现在还没有进行subscribe的情况下,就直接进行了广播,并且自动关闭了socket连接, 时间紧迫,抓耳挠腮,遂引用了socket-io(基于小程序的websocket仿写的socket-io,并非官方的socket-io,传送门(若文件加载失败,

支付流程 整个支付流程分为四个步骤: 获取令牌token 创建订单 预支付,获取支付参数对象pay 发起微信支付 收尾工作.跳转到订单页面,删除购物车中已购买的商品 请求方式:POST 整个支付过程中用到的网络请求较多,并且有很多的共性,建议封装到request.js中 整个支付过程都要用try-catch包裹(我没有用) [温馨提示]:支付流程中的url已失效 获取令牌token 获取令牌token // 点击支付 async handleOrderPay() { // 从缓存中获取token

1.一个可以忽略的前言 Nginx (engine x) 是一个高性能的HTTP和反向代理服务,也是一个IMAP/POP3/SMTP服务.Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日. 接下来我将讲到怎么在win系统中搭建Nginx-rtmp.之前我查找到了一个教程,跟着博主的流程走,过程是安装一堆环境一堆依赖包来把Nginx源码编译成win系统使用的,结果后来出现了丢失文件的错误,看

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码. 前端小程序代码 index.wxml: <view class='content'> <view class='img-box'> <view class='img-list'> <block wx:for="{{detailPics}}" wx:key="index"> <view class='img-item'> <i

背景需求: 许多客户有这样的需求:微信公众号做为平台来对摄像机进行直播:可以让用户随时随地打开公共号就可以观看:保证画面的流畅性:保证视频的并发访问量等. 问题分析: 虽然需求看似很简单,其实真正实现起来还是有相当多的阻碍. 首先:如何让摄像机的输出的视频流可以在微信的公众平台实现播放,摄像机输出的视频流播放往往需求插件是无法实现在微信公众号中进行直播: 其次:自己部署视频服务来进行流分发,对自身的服务器硬件和网络带宽都是有要求的,虽然硬件是可以解决的,但是对于一般普通的个人或者是私人企业单独投

1.一个可以忽略的前言 发起直播后可以在Nginx的自带的页面上查看到统计,那怎么知道发起了直播或者关闭了直播呢?我想到了这个统计页,于是查看一下里面的内容看看如何获取到的数据, 找到后发现是个xsl文件,莫非要写个读取该文件的代码?好吧这是下下策.其实,Nginx-rtmp-module配置文件里,就可以通过简单的配置回调URL来处理开启或关闭直播的业务. 2.编写回调处理接口 以下用到的是asp.net webapi,我写了两条接口来处理接收到的回调,主要内容是查看能收到来自Nginx-rt