yinxin630 / fiora Goto Github PK
View Code? Open in Web Editor NEWAn interesting open source chat application. Developed with node.js, mongoDB, socket.io and react
Home Page: https://fiora.suisuijiang.com
License: MIT License
An interesting open source chat application. Developed with node.js, mongoDB, socket.io and react
Home Page: https://fiora.suisuijiang.com
License: MIT License
有计划什么时候出RN喵~
后台用什么做的
node?
1.手机chrome体验极差,能否开发移动版?
2.管理员功能缺失,封禁用户后无法解封
3.频道无法更名
不知道作者是否还在维护这个项目,咕咕咕的话也要说一声呀
/^fds\w*$/i 10
onMessage(function(user,content,type,$dom){
})
addExpression(tabName,url);//最好支持sprite sheet
setBackgroundImage(url);
sendMessage(content,type);
sendMessage();//立即发送当前聊天框里的内容
setContent(text);//设置输入框里的内容,可以和sendMessage连续调用
getContent();//获取输入框里的内容
sendVirtualMessage(position="right",avatar,name,content,type);//向自己的聊天框里输出内容,别人看不到
setConfigForm();//设置系统设置里的项目 最好支持jsonform
getConfig(configName);//获取系统设置里项目的值
addStyle(styleStr);//增加全局css
This site can’t be reached
fiora.suisuijiang.com’s server DNS address could not be found.
Search Google for fiora suisui jiang
ERR_NAME_NOT_RESOLVED
Please check your domain settings.
安装油猴脚本方法:
安装油猴脚本插件
进入聊天室
点击右上角插件图标-Add new script
粘贴下面的代码 保存
刷新网站
// ==UserScript==
// @name Chatroom qq face
// @namespace http://tampermonkey.net/
// @require https://code.jquery.com/jquery-2.1.4.min.js
// @version 0.1
// @description try to take over the world!
// @author You
// @match http://fiora.suisuijiang.com/
// @grant none
// ==/UserScript==
(function () {
'use strict';
var $faceWrap;
var $input;
setTimeout(function () {
$('button.icon').eq(0).after("<button onclick='toggleQQface()' style='background-color:transparent;border: 1px solid rgb(170, 170, 170);color: gray;border-left:none;border-right:none;padding-left:5px;padding-right:5px;'>QQ表情</button>");
$(document.body).append("<div id='qq-face-wrap' style='display:none;width:50%;background-color: rgba(255,255,255,0.5);padding: 10px;transform:translateX(-50%) translateY(-50%);top:50%;left:50%;position:absolute;'></div>");
$faceWrap=$("#qq-face-wrap");
$input=$(".icon[title='发送']").prev();
for(var i=0;i<112;i++){
if(blankList.indexOf(i)!==-1)
continue;
$faceWrap.append("<img src='http://blackmiaool.com/face/"+i+"@2x.png' style='width:30px;cursor:pointer;'>");
}
$faceWrap.on("click","img",function(){
//$input.val($input.val()+" "+$(this).attr("src")+" ");
$input.val($(this).attr("src"));
$("[title='发送']").click();
$input.focus();
toggleQQface();
});
}, 3000);
var blankList=[83,92,65,48,51,90,93,82,17,88,72,81,58,50,40,62,94,47,70,84,45,52,87,73,95,80,44,68,71,171,91];
var blackList=[];
window.toggleQQface=function(){
if($faceWrap.css("display")==="none"){
$faceWrap.css("display","block");
}else{
$faceWrap.css("display","none");
}
};
})();
websocket 超时,导致播放声音异常(偶尔会出现)
https://developers.google.com/web/updates/2017/06/play-request-was-interrupted
预览代码时建议增加一键复制代码功能
如题
求个环境+安装的一键包
Or use an AI to detect newbies' questions and answer them automatically.
module.exports = function (io, _io, routes) {
const router = Object.keys(routes).reduce((result, route) => {
io.on(route, noop);
result[route] = routes[route];
return result;
}, {});
return async (ctx) => {
if (router[ctx.event]) {
const { event, data, socket } = ctx;
ctx.res = await router[ctx.event]({
event,
data,
socket,
io,
_io,
});
}
};
};
routes入参和router局部变量,不都是同样内容吗?
如题
Hello sir and thank you for this awesome app.
I wonder what is exactly the admin id and password or how can i access as admin to ban users.
Thank you.
好棒的聊天室!!!
我发现我可以和自己聊天,发了这一条后,又收到这一条,这似乎不太合适。
建议:
禁止和自己聊天;
可以聊,但只接收1条信息(类似QQ的文件管理器)。
祝好。
此项目的构建用到了工具吗?
这么多配置项,大神是如何提前知道的,还是经验所成?
这个项目简直就是我再走的学习路线,太棒了!
大神收徒吗?
1 Install virtualbox
2 Install ubuntu into virtualbox
3 Set configuration of network as "bridged adapter"
4 Install openssh-server and git into ubuntu
5 Install WinSSHFS and Dokan into windows
6 Use WinSSHFS to connec ubuntu
7 Confirm that the webpack server command has the parameter "--host 0.0.0.0"
8 Edit your config file
9 Run npm install and npm start
10 Open the ip of your ubuntu on windows (e.g. http://192.168.1.110:8080/)
最近想要一个小程序版的,不知道什么时候出呢
还是推荐一下 prismjs 高亮吧。
未压缩仅增加20kb大小
而highlight.js我测的要增加700kb+
事实上我怎么找到他的呢,
嗯,我看他react 官网和mdn都用它高亮,所以入手试了一下
虽然经过webpack -p nginx压缩,体积已经不是问题了,
但是首次加载页面渲染耗时还是值得优化
最近一直在学习这个聊天室,本人初学不久,有个问题想请教。
在Server中,this.socket.user 这里的user是在哪里添加的成员变量呢?没有找到....在Client的socket.js中没有这个成员啊。
求教,感谢!!
1.old version of chrome could not be logged on.
2.facial sometimes the browser does not display.
3.groups want to add management capabilities.
登录不了了,控制台不报错,刷新了还是一样,win7下边的chrome和mac下的chrome都登陆不了
disconnect
事件未触发, 没有正确减员
app.io.socket.clients()
可以正确获取到在线socket
connection
事件里的 socket 实例可以正常触发 disconnect
事件
app.io.on('connection', async (ctx) => {
console.log(` <<<< connection ${ctx.socket.id}`);
ctx.socket.on('disconnect', async () => {
console.log(` >>>> disconnect ${ctx.socket.id}`);
});
});
去掉 Socket 表, 把数据直接放在 socket 实例上
npm start时出现这个,是babel没生效么?
无意间发现这个工具,我们不想在常规聊天(比如QQ\微信)上沟通,这个工具能够自建聊天环境进行沟通,正好符合我们的需要,但仔细看看却发现有点问题,肯定有很多人像我们一样,需要的是一个自建的私聊工具,聊天规模并不大,但隐私要求较高,那么为什么不把相关的聊天文件存储在服务器本地呢?七牛是需要实名认证的,既然我们不想在QQ这些工具上聊天,同样也不想把个人真实信息留存在七牛,如果把这个工具弄成没有七牛就不能使用,就失去了它应有的意义不是吗。建议作者考虑一下此需求,一个方便搭建,又方便使用,且聊天过程自主控制,人员隐私得到保护的工具,一定会非常受欢迎的。
node:7.90
npm : 4.10
我按照README.md的安装步骤, 执行npm run dev时遇到了下面的报错
ERROR Failed to compile with 1 errors
下面有出现“ Listening at http://localhost:8080”,但是打开localhost:8080出现的结果是Get / 404
另一个命令npm run server可以打开,请问又遇到这种情况吗
我运行ios版本,报错说缺少index.ios.js
建议:弄一下 docker 自动构建:-> link
省略掉 build 的时间
Dockerfile
FROM node:alpine
WORKDIR /usr/src/app
Run wget -q -O - https://api.github.com/repos/yinxin630/fiora/tarball/master | tar xz --strip=1 && \
apk add --no-cache python build-base && \
yarn install && \
yarn build && \
rm -rf public/* && \
mv dist/fiora/* public
CMD [ "node", "server/main.js" ]
或者
FROM node:alpine
WORKDIR /usr/src/app
Run apk add --no-cache python build-base
COPY package.json .
RUN yarn install
COPY . .
RUN yarn build && rm -rf public/* && mv dist/fiora/* public
CMD [ "node", "server/main.js" ]
Hi, I could not find this in the instructions; is there a way to give someone administrator privileges?
如题
Enter
try our best to free our hands 🙏
Hi @yinxin630 , my name is Zuur W. I'm a graphic designer and I'd like to collaborate on your open source project and propose free logo/icon design for your project. If it's something you're interested in, please, let me know!
Best Regards
Zuur
相关配置信息从环境变量中读取,而不必修改 js 文件,实现配置分离。尤其使用 Docker 部署时,可以从 .env 文件中读取环境变量,方便部署。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.