一、選擇合適的在線編譯器
在網頁上運行C++代碼，首先需要找到一個合適的在線編譯器。當前比較流行的在線編譯器有Online GDB、Tutorials Point等。這些在線編譯器通常提供了一個代碼編輯器、控制台界面和用於編譯和運行C++代碼的功能。
#include <iostream>
using namespace std;
int main() {
cout << "Hello World!";
return 0;
}
二、通過JavaScript運行C++代碼
除了使用在線編譯器，還可以通過JavaScript在網頁上直接運行C++代碼。在這種方法中，先將C++代碼編譯為JavaScript，然後在網頁上使用JavaScript引擎運行代碼。這種方法需要使用特定的工具或庫，如Emscripten和WebAssembly。以下是一個使用Emscripten將C++代碼編譯為JavaScript的示例：
#include <iostream>
using namespace std;
int main() {
cout << "Hello World!";
return 0;
}
使用Emscripten將上述代碼編譯為JavaScript：
emcc hello.cpp -o hello.js
三、使用WebSocket實時運行C++代碼
WebSocket是一種在單個TCP連接上提供的雙向通信協議，用於通過網頁向伺服器發送或接收數據。通過WebSocket，可以在網頁上實時運行C++代碼。這種方法需要在伺服器端搭建WebSocket伺服器，並在網頁上使用JavaScript連接到伺服器。以下是一個使用WebSocket實時運行C++代碼的示例：
// 伺服器端代碼
#include <websocketpp/config/asio_no_tls.hpp>
#include <websocketpp/server.hpp>
#include <fstream>
#include <streambuf>
using namespace std;
string readFile(string filename) {
ifstream t(filename);
string str((istreambuf_iterator<char>(t)), istreambuf_iterator<char>());
return str;
}
string runCpp(string code) {
ofstream outfile("temp.cpp");
outfile << code;
outfile.close();
system("g++ temp.cpp -o temp.out");
stringstream out;
system("./temp.out > temp.txt");
ifstream infile("temp.txt");
out << infile.rdbuf();
infile.close();
return out.str();
}
int main() {
websocketpp::server<websocketpp::config::asio> server;
server.set_message_handler([&server](websocketpp::connection_hdl hdl,
websocketpp::server<websocketpp::config::asio>::message_ptr msg) {
string code = msg->get_payload();
string result = runCpp(code);
server.send(hdl, result, msg->get_opcode());
});
server.init_asio();
server.listen(9002);
server.start_accept();
server.run();
return 0;
}
// 客戶端代碼
<!DOCTYPE html>
<html>
<head>
<title>WebSocket Run C++ Code</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
</head>
<body>
<textarea id="code">#include <iostream>
using namespace std;
int main() {
cout << "Hello World!";
return 0;
}
</textarea>
<br>
<button onclick="runCode()">Run</button>
<br>
<pre id="output"></pre>
<script>
var socket = io.connect('ws://localhost:9002');
function runCode() {
var code = $('#code').val();
socket.emit('message', code);
socket.on('message', function(message) {
$('#output').html(message);
});
}
</script>
</body>
</html>
原創文章，作者：KJZFC，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/316146.html
微信掃一掃 
支付寶掃一掃 