🚑 东迁，启动 🚀

anonymous_warrior · 2025 年1 月 2 日 12:48

比较 Discourse 显示的 post 和我的

日期 [date=2024-08-08 timezone="Asia/Shanghai"] 2024-08-07T16:00:00Z

图片 ![Screenshot_20240524_160004|376x65, 75%](upload://fSGaBlA1vUtpwk34iEE0kd72i4n.avif)

<> 内 URL 自动形成链接 <https://chat.xjtu.app> https://chat.xjtu.app

https:// 链接获取预览 https://xjtu.app/t/announcing-xjtu-men-chat-service-based-on-matrix/9196 Announcing xjtu.app chat service based on Matrix

Mermaid

BBCode [right] 靠右对齐 [/right]

靠右对齐

\TeX 数学公式 ( 原版 Lexical 支持) $TL \ge 2 $ TL \ge 2

Footnote A sentence that needs a footnote. ^[The footnote] A sentence that needs a footnote. ^[1]

Embedded PDF reader

Spoiler Alert [spoiler]This is a spoiler[/spoiler] This is a spoiler

<hr> ---

另外，把 https://xjtu.app/raw/127 markdown 文本粘贴到 Svelte-Lexical 编辑器里（lexical 编辑器支持在 WYSIWYG 和 Markdown 模式之间切换），编辑器预览界面均不支持以上功能，但由于目前所有的 post 都存在 Discourse 里，由 Discourse 转成 html，所以最终 post 里可以正常显示。

The footnote ↩︎

anonymous_warrior · 2025 年1 月 2 日 12:51

三步走战略

不考虑"离线优先"的设计思想，完成基础 CRUD 功能。用 UI 库 https://svelte-5-ui-lib.codewithshin.com/ 搭建框架，参考 Old Reddit / Lemmy, Discourse, 国产 App 的社交功能界面进行设计，主要面向移动端，兼顾桌面端界面 (responsive design)
借助 service worker 和 Dexie(把数据存在浏览器的 IndexdedDB 里), 实现 App 的离线可用和自动数据同步
参考 Discourse/Lemmy 逐步丰富功能，新增特色功能，例如 P2P 数据传输和分布式存储

anonymous_warrior · 2025 年1 月 16 日 13:07

最近找 AI 写了一个基于 WebRTC 的 P2P 聊天的功能，感觉很好玩，主要就是这两个文件:

github.com/fokx/svelte-forum

src/lib/server/discovery-server.ts

main

import WebSocket, { WebSocketServer } from 'ws';
const port = 4021;
// const wss = new WebSocketServer({ port });
const wss = new WebSocketServer({ port, host: '0.0.0.0' });

// Store active connections
const peers = new Map<string, WebSocket>();

wss.on('connection', (ws: WebSocket, req) => {
    let userId: string | null = null;
    const ip = req.headers['x-forwarded-for']?.split(',')[0].trim() || req.socket.remoteAddress;
    console.log(`New connection from ${ip}`);
    // console.log(req);

    ws.on('message', (message: string) => {
        const data = JSON.parse(message);

        switch (data.type) {
            case 'register':
                userId = data.userId;

This file has been truncated. show original

github.com/fokx/svelte-forum

src/routes/chat/%2Bpage.svelte

main

<script lang="ts">
	/*
	This file is a modification of AI generated code.
  To learn more about what WebRTC, SDP, PeerConnection, etc. is, take a look at this stackoverflow answer:
  https://stackoverflow.com/questions/59484802/ice-vs-stun-vs-turn/70059155#70059155
	 */
	import { onMount } from 'svelte';
	import { PUBLIC_STUN_SERVER, PUBLIC_TURN_SERVER, PUBLIC_TURN_SERVER_PASSWORD, PUBLIC_TURN_SERVER_USERNAME, PUBLIC_WS_URL } from '$env/static/public';
	import { siteTitle } from '$lib/stores';
	import type { PageData } from './$types';
	import { GeneratePostId } from '$lib';
	import { dbb } from '$lib/dbb';
	import { liveQuery } from 'dexie';
	import { browser } from '$app/environment';
	import { tick } from 'svelte';

	let { data }: { data: PageData } = $props();
	siteTitle.set('P2P Chat with Auto-Discovery');

	let ws: WebSocket;

This file has been truncated. show original

当新用户访问 https://east.xjtu.app/chat 的时候，首先访问 discovery server/signaling server，它会告诉你其他 peer 在哪里，帮助你和其他用户建立直接或基于转发的连接（这是牛逼的 WebRTC 技术的一部分，除了聊天，还可以传输任意文件、建立音视频通话、在线会议、…）。
当任意用户加入时，其他所有 peer 会将储存在本地浏览器的聊天消息发送给新用户，无须（当前也未实现）和中央服务器通信。

这一功能还很不完善，例如：

建立直接连接的成功率不高
当没有其他 peer 在线时无法发送消息。

但是很好玩。

我发现了Web App 的局限，不能监听在某个端口，或者 multicast IP（像 https://localsend.org/ 一样），也不能扫描整个网段里的全部 IP 的某些端口并连接。

如果用 Native App，比较理想的状态是：

    flowchart LR

A[启动 App] --> B[监听 0.0.0.0 的 XX 端口供连接] & C[搜索所有 NIC 的网段里的全部主机的 XX 端口] & D[连接 discovery-server]
B & C & D--> Z[peers 间建立直接连接]

然后借助 DHT 等技术，进行分布式信息存储。

借助所有可用的物理信道：

常规 (Wireless)LAN, cellular network
Bluetooth LE (like GitHub - berty/berty: Berty is a secure peer-to-peer messaging app that works with or without internet access, cellular data or trust in the network )
NFC
Soft AP (Wifi hotspot)

再类似 multi-path TCP / QUIC，如果每个用户需要和某个远在家乡的服务器进行通信，可以将数据包由线路最好的几个 peers 转发。

关于跨平台的技术选择，我曾经调研过：（tl;dr 没有一个好用的）

跨平台软件技术选择问题：Kotlin MP / Flutter / Tauri / React Native / Electron / Capacitor / HotwiredNative 问答

目前考虑客户端要求至少支持 Android、iOS、Windows，最好支持 Web，项目需要在本地读写数据库，考虑 SQLite / Realm。 Electron 不支持移动平台，且编译出来的可执行文件太大 Flutter 需要新学 Dart，且本人对 Google 除了 Gmail 和 Search 之外的产品失去了信心 Tauri 纯粹社区项目，支持测试跨平台编译（Linux 上编译 apk/exe）,可以使用 Svelte 等各种框架写前端桌面平台 webview 可以配置 SOCKS5：https://tauri.app/reference/config/#proxyurl The proxy URL for the WebView for all network requests. Must be either a http:// or a socks5:// URL. Kotlin multiplatform 有 Jetbrains 背书，但很新，本人浅尝 Kotlin 之后觉得语法有点怪 React Native 有 Meta 背书，但 RN 推荐你用 Exp…

GitHub - localsend/localsend: An open-source cross-platform alternative to AirDrop 这个（Native）App 我觉得是很牛逼的（有类似功能的 WebApp：GitHub - ShareDropio/sharedrop: Easy P2P file transfer powered by WebRTC - inspired by Apple AirDrop 有时候无法传输成功），他用的是 Flutter，我 clone 下来，结果试了半天无法在 Android 上编译运行（gradle 相关的报错让人摸不着头脑）。看了一会代码，Flutter 和它使用的语言 Dart 我无法接受。

anonymous_warrior · 2025 年1 月 16 日 15:26

WebRTC 会导致 IP 地址泄漏，我一般都直接关了

除非用户格外设置，否则 webrtc 不能绕过 vpn 和 tun 模式的代理

话题		回复	浏览量
云厂能不能自己 ddos 自己的机器，让用户买自己的高防或者收大量流量费？闲聊吹水	14	224	2024 年7 月 23 日
操作系统推荐：Arch Linux 深入交流 linux , arch	15	415	2023 年6 月 24 日
Gpt 说真话咒语闲聊吹水	0	104	2023 年10 月 9 日
比较大的 Discourse 中文站 Collection 网站 discourse	13	292	2025 年2 月 20 日
为什么不能在线上交友呢闲聊吹水	38	187	2025 年5 月 18 日
js 开发工具及环境配置网站	2	85	2025 年5 月 31 日
Linux 命令行入门教程推荐 The Missing Semester of Your CS Education 并为 Arch 是个不稳定的 Distro 正名闲聊吹水 arch	0	162	2023 年6 月 28 日
用 OpenNIC 访问另一个互联网 \| Linux 中国闲聊吹水	1	70	2024 年3 月 14 日
共享不同域名的登录凭据的程序编不出来问答 discourse , dev	9	314	2024 年1 月 11 日
饮水思源型无主题灌水楼精勤求学版 1.0 闲聊吹水	911	6330	2025 年6 月 22 日

🚑 东迁，启动 🚀

比较 Discourse 显示的 post 和我的

相关话题