tokbox webrtc analyze

  • login account :   mzcw2011@sina.cn
  • set tb_api_key 46419702
    set tb_api_secret b8f17a054ccde74e68453464ad6b1c879a75d030

 

  • http://lesscss.org/features/#detached-rulesets-feature — 教程

 

  • How to compile less to css , first use bower download third party component , then create own less which use above component , final use grunt compile it

  •  

     

first new a “bowe.json” file ,which content  is :

then ,  install and download bower

bower install mean install the package specified in bower.json , in this case , tokbox company use the package :

https://github.com/tef-components/

this package is a free less lib for button, theme, text-input , etc .


For how to learn less , see

https://www.tutorialspoint.com/less/nested_rules.htm

a beginner less introduce in Chinese :

https://www.tutorialspoint.com/less/nested_rules.htm

 

  • how to write rest server using swagger and node.js

a) first , how to do a simple node.js server

https://www.codementor.io/olatundegaruba/nodejs-restful-apis-in-10-minutes-q0sgsfhbd

更好的是直接去看 expressjs 的 hello world :  https://expressjs.com/en/starter/hello-world.html

b) opentok-rtc ‘s server is made by swager-boilerplate , which address is :

https://github.com/AntonioMA/swagger-boilerplate

In this site , it say : Simple implementation of a Node Express server described using a Swagger API, in JSON form.

how to make a Node Express server is in point a)

 for swagger , here is a introduce article :

https://mherman.org/blog/swagger-and-nodejs/

c)   swagger-boilerplate 用到了  .yml 文件作为 rest server api 定义文件 , yml 文件2个空格代表一个层级, 多个键值对用 – 分开 

swagger api 的在线编辑界面  http://editor.swagger.io/

如何做一个简单的 swagger api :  https://www.blazemeter.com/blog/create-your-first-openapi-definition-with-swagger-editor/

d) 怎么返回具体的页面

1)  可以在 expressjs 的js 文件 用  sendFile  返回  html , 但这里不是

2)  注意到 package.json 有   “ejs”: “^2.5.5”

3) 实际使用 的方法是 res.render(

4) how to use expressjs and ejs :

https://scotch.io/tutorials/use-ejs-to-template-your-node-application

here is a example : https://mherman.org/blog/swagger-and-nodejs/

  • How to debug node.js
  • JS 部分
  • How and where to connect redis ?

显示所有key    :


对某一个key取value

这里假定 邮箱是key , server 端口 6379


如何从 node.js 存到 redis server ?

在 serverMethods.js中, register的post方法 , 写:

server停止后 , redis 存进去的数据还在


删除


ServerPersistence 是这样被初始化的 :

 

SwaggerBP是从这里

var SwaggerBP = require(‘swagger-boilerplate’);


room 相关的 api 接口

getRoomArchive  ——– 得到room 的所有 archive ,  用 roomname 做参数

url 为 :   https://47.52.61.15:8123/room/111/archive

首先, archive存在哪里 ?

archive 可以被保存的前提是 :

Important: You can only archive sessions that use the OpenTok                                   Media Router (sessions with the media mode set to routed).

就是说只有特定类型的session, 它的archive 才可以被保存 。

如果配置了微软云或者亚马逊云, 会存到配置 ;  如果没有, 会存到 tokbox云, 只保存72小时 。

用户是否只能 record live stream as archive , 能不能上传录制好的视频

getroom 是建立一个临时的session , 以测试用户的音视频连接

getroominfo 是在 persistent store 查询房间号, 如果有, 进入

getUsableSessionInfo. 函数按房间号查询session, 如果没有, 创建新的

 

 

 

 

 

 

 

 

centos 7 , node.js 的local和global安装路径

  • 当执行

, sass到底被安装到了哪里去 ?

用这个命令查看

在本机, 是

所有全局的都安装到了这里

, 如果是local安装, 就在当时的文件夹下 的 node_modules 目录

npm list -g  显示所有全局的

npm list    显示所有当前本地的

learn from https://stackoverflow.com/questions/5926672/where-does-npm-install-packages

 

在 64位 centos 7 机器上安装 node.js

下载 linux 64位 node.js 安装文件

 

  • 用 winscp  把下载好的文件上传到 centos
  • 解压

  • 建立软连接 , 大概就是快捷方式的意思

 

其中 目录部分随实际情况而定  /home/liuyang/devTools/nodeJS/node-v10.16.3-linux-x64

 

  • 当位于墙内 :

参考文章 : https://www.runoob.com/nodejs/nodejs-install-setup.html

how to use electron dev cross-platform applications

第一步先安装 node-js  ,因为 node.js 带有  npm 工具

去  https://nodejs.org/en/

下载windows 版 安装

第二步  , 用 npm 安装 electron , 在 命令行下打 :

 

第三步 , 安装 electron 的 quick-strart 工程

 

当 npm start 后,  就会出现默认的app  ,  如图


如何在 vs code 编辑 , 调试electron 程序

  • vs code 选 file—-> open folder , 打开  quick start 所在的 electron-quick-start 目录

打开后目录结构是这样的

 

在 vscode 按 f1 , type  :   launch ,  选择编辑 launch.json

改为

然后按 f5 , 即可启动程序

 

此部分参考文章 : https://medium.com/@paulirwin/getting-started-with-electron-and-visual-studio-code-typescript-and-react-36d41b68fadb


quick start 并不只包括 hello world 一个程序 , 如何启动其他的  ?

不对, 只有一个

 


 

elcteon  模板库

见 :  https://electronforge.io/templates

  • 先尝试这个  React + TypeScript

React 是一个界面库

安装方法是 :

在本机运行时 , 这一步

包括6个步骤

checking your system

Initializing Project Directory

Initializing Git Repository

Copying Starter Files

Initializing NPM Modules

Installing NPM Dependencies 

其中红字部分特别的慢  , 原因是 :

********************************************************************

 

如何快速创建一个 react 程序

create-react-app是来自于Facebook出品的零配置命令行工具,能够帮你自动创建基于Webpack+ES6的最简易的React项目模板,有助于初学者快速上手实践。

****************

React 官方教程

https://reactjs.org/docs/hello-world.html

****************

  • React grid layout    用来画界面的库

网址 :  https://github.com/STRML/react-grid-layout

安装方法 :

 

 

 

 

 


附录

 

  • 在中国怎么安装  npm 的镜像

From  https://www.npmjs.com/package/mirror-config-china

参考 https://stackoverflow.com/questions/22764407/npm-install-goes-to-dead-in-china

  • 例子程序

官方例子

https://reactjs.org/community/examples.html

(BUILD A LIVE PAINT APPLICATION WITH REACT)

https://pusher.com/tutorials/live-paint-react