Runno终极指南在浏览器中安全运行代码的完整解决方案【免费下载链接】runnoSandboxed runtime for programming languages and WASI binaries. Works in the browser, on your server, or via MCP.项目地址: https://gitcode.com/gh_mirrors/ru/runno想要在浏览器中安全运行Python、Ruby、JavaScript等编程语言代码吗Runno正是你需要的终极解决方案这个基于WebAssembly的沙盒运行时让代码执行变得前所未有的简单和安全。无论你是教育工作者创建互动教程开发者构建代码演示还是需要在客户端安全执行用户代码Runno都能提供完整的浏览器代码执行体验。 Runno是什么Runno是一个JavaScript包集合用于在各种语言中运行沙盒化代码。它基于WebAssembly和WASI技术提供了完全隔离的执行环境让你可以在浏览器中安全运行代码而无需担心安全问题。核心功能亮点安全沙盒基于WebAssembly的完全隔离环境浏览器原生无需服务器完全在客户端运行多语言支持Python、Ruby、JavaScript、C/C、PHP、SQLite⚡即用即得简单的Web组件和API接口 Runno的三大核心组件1. runno/runtime - 浏览器端运行时这是Runno最常用的部分提供Web组件让你直接在HTML中嵌入可运行的代码示例runno-run runtimepython editor controls print(Hello, World!) name input(Whats your name? ) print(fWelcome {name}!) /runno-run这个简单的组件就能创建一个完整的Python代码编辑器用户可以直接在浏览器中运行代码并查看结果2. runno/sandbox - Node.js沙盒如果你需要在服务器端安全运行代码runno/sandbox是你的最佳选择import { runCode } from runno/sandbox; const result await runCode(python, print(Hello from Python!)); console.log(result.stdout); // Hello from Python!这个包特别适合 代码自动评分系统 AI生成的代码执行 用户提交代码的测试环境3. runno/wasi - WASI二进制执行Runno还能直接运行WASIWebAssembly System Interface二进制文件import { WASI } from runno/wasi; const result WASI.start(fetch(/program.wasm), { args: [program, --option, value], env: { KEY: value }, fs: { /input.txt: { content: File content here, mode: string } } });️ 快速开始使用Runno浏览器端集成最简单的方式安装依赖npm install runno/runtime导入并初始化import runno/runtime;在HTML中使用runno-run runtimepython editor controls # 这里是你的Python代码 print(Runno让代码运行变得简单) /runno-run服务器端使用import { runCode } from runno/sandbox; // 运行Python代码 const pythonResult await runCode(python, def fibonacci(n): if n 1: return n return fibonacci(n-1) fibonacci(n-2) print(fibonacci(10)) ); // 运行Ruby代码 const rubyResult await runCode(ruby, puts Hello from Ruby!); // 运行JavaScript代码 const jsResult await runCode(quickjs, console.log(Hello from JS!)); Runno的独特优势安全第一的设计理念Runno的安全架构基于多层防护WebAssembly隔离代码在虚拟化环境中运行虚拟文件系统无法访问真实文件系统无网络访问完全离线运行资源限制可配置内存和时间限制教育场景的完美匹配Runno特别适合教育场景互动教程学生可以直接在教程中运行代码在线考试安全执行学生提交的代码‍编程练习即时反馈学习效果代码演示技术文档中的可运行示例企业级应用场景代码评审工具安全运行同事的代码变更CI/CD管道在隔离环境中测试构建用户自定义脚本让用户安全执行自定义逻辑数据转换服务在沙盒中处理敏感数据 支持的语言和运行时Runno目前支持以下编程语言语言运行时版本特点Pythonpython3.11.3完整的Python环境Rubyruby3.2.0标准MRI RubyJavaScriptquickjsWASMEdgeQuickJS引擎C语言clangBinji编译C编译器C语言clangppBinji编译C编译器PHPphp-cgi8.2.0PHP CGI环境SQLitesqlite最新版数据库操作 高级功能详解虚拟文件系统支持Runno提供了完整的虚拟文件系统让你的代码可以像在真实环境中一样操作文件runno-run runtimepython editor controls # 读取虚拟文件 with open(/data.txt, r) as f: content f.read() print(fFile content: {content}) runno-file path/data.txt 这是虚拟文件的内容 可以有多行文本 /runno-file /runno-run输入输出处理Runno完美支持标准输入输出runno-run runtimepython editor controls # 交互式输入 name input(请输入你的名字: ) age int(input(请输入你的年龄: )) print(f你好 {name}你今年 {age} 岁) print(f10年后你将 {age 10} 岁) /runno-run超时控制防止代码无限运行import { runCode } from runno/sandbox; const result await runCode(python, while True: pass # 无限循环 , { timeout: 5 }); // 5秒超时 if (result.resultType timeout) { console.log(代码执行超时); } 实际应用案例案例1在线编程教育平台// 学生提交的代码 const studentCode def calculate_average(numbers): return sum(numbers) / len(numbers) numbers [85, 90, 78, 92, 88] print(f平均分: {calculate_average(numbers)}) ; // 在沙盒中安全执行 const result await runCode(python, studentCode); // 检查输出 if (result.stdout.includes(平均分: 86.6)) { console.log(学生答案正确); } else { console.log(需要进一步指导); }案例2技术博客互动示例!-- 在技术博客中嵌入可运行代码 -- article h2Python列表推导式示例/h2 p下面是一个使用列表推导式的例子你可以直接运行它/p runno-run runtimepython editor controls # 使用列表推导式生成平方数 squares [x**2 for x in range(10)] print(f0-9的平方: {squares}) # 过滤偶数 evens [x for x in range(20) if x % 2 0] print(f0-19的偶数: {evens}) /runno-run /article案例3API文档中的代码测试// API文档中的代码示例 import { runCode } from runno/sandbox; // 演示如何计算斐波那契数列 const fibonacciExample def fibonacci(n, memo{}): if n in memo: return memo[n] if n 2: return 1 memo[n] fibonacci(n-1, memo) fibonacci(n-2, memo) return memo[n] print(ffibonacci(10) {fibonacci(10)}) print(ffibonacci(20) {fibonacci(20)}) ; // 读者可以复制这段代码并在自己的环境中运行 性能与限制性能特点⚡快速启动WebAssembly即时编译内存高效可控的内存使用并发安全支持多个实例并行运行当前限制无网络访问代码无法进行网络请求文件系统限制只能访问虚拟文件系统模块限制部分语言模块可能不可用⏱️执行时间适合短时间运行的代码 最佳实践指南1. 为教育场景优化!-- 添加清晰的说明和提示 -- div classcode-example h3Python基础变量和类型/h3 p尝试修改下面的代码看看会发生什么/p runno-run runtimepython editor controls # 修改变量的值并运行 name Alice age 25 height 1.68 print(f姓名: {name}) print(f年龄: {age}) print(f身高: {height}米) # 尝试修改上面的值并重新运行 /runno-run /div2. 错误处理策略import { runCode } from runno/sandbox; async function safeCodeExecution(code, runtime python) { try { const result await runCode(runtime, code, { timeout: 10, // 10秒超时 }); if (result.resultType complete) { return { success: true, output: result.stdout, error: result.stderr }; } else if (result.resultType timeout) { return { success: false, error: 代码执行超时 }; } else { return { success: false, error: 代码执行失败 }; } } catch (error) { return { success: false, error: 执行错误: ${error.message} }; } }3. 资源管理// 控制资源使用 const resourceOptions { timeout: 30, // 30秒超时 // 可以添加更多资源限制选项 }; // 批量处理时限制并发 const MAX_CONCURRENT 3; const semaphore new Semaphore(MAX_CONCURRENT); async function processMultipleCodes(codeList) { const results []; for (const code of codeList) { await semaphore.acquire(); try { const result await runCode(python, code, resourceOptions); results.push(result); } finally { semaphore.release(); } } return results; } 未来展望Runno正在不断进化未来计划包括更多语言支持扩展支持Go、Rust等现代语言性能优化更快的启动时间和更低的内存占用增强安全性更细粒度的权限控制云集成与云服务的无缝集成开发者工具更好的调试和分析工具 开始使用Runno快速安装# 浏览器端使用 npm install runno/runtime # 服务器端使用 npm install runno/sandbox # WASI支持 npm install runno/wasi配置HTTP头为了让Runno在浏览器中正常工作需要设置以下HTTP头Cross-Origin-Opener-Policy: same-origin Cross-Origin-Embedder-Policy: require-corp查看完整文档访问项目的官方文档获取更多详细信息docs/official.md 小贴士从简单开始先尝试基本的代码示例再逐步增加复杂度测试边界情况确保你的代码在各种输入下都能正常工作利用虚拟文件系统对于需要文件操作的场景特别有用监控资源使用长时间运行的代码需要适当超时设置保持更新定期更新Runno包以获得最新功能和安全修复Runno为在浏览器中安全运行代码提供了完整的解决方案无论是教育、演示还是生产环境它都能提供可靠、安全的代码执行能力。立即开始使用Runno让你的网页应用拥有强大的代码执行能力【免费下载链接】runnoSandboxed runtime for programming languages and WASI binaries. Works in the browser, on your server, or via MCP.项目地址: https://gitcode.com/gh_mirrors/ru/runno创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考