Condour - 프런트엔드에서 백엔드와 상호 작용하는 간단한 방법
7466 단어 webdevjavascriptapinode
많은 nodejs 개발자가 프로젝트의 프런트엔드를 개발할 때 백엔드에서 사용한 멋진 패키지를 포기하는 데 어려움을 겪고 있다는 것을 알고 있습니다(여기에는 저 포함).
API 요청을 하고 공격자에게 취약하여 백엔드 데이터에 액세스하도록 허용하는 것은 위험할 수 있으며 작업을 쉽게 하기 위해 Condour에는 쉬운 솔루션이 있습니다...
express , body-parser 및 cors 설치이것은 코드를 실행하는 백엔드가 될 것입니다.
// server.js
// Imports
const express = require("express");
const cors = require("cors");
const bodyParser = require("body-parser");
// Extra modules
const fs = require("fs-extra");
const nanoid = require("nanoid");
const server = express();
server.use(bodyParser.json());
server.use(cors({ origin: "*" }));
server.use(express.static("public"));
server.post("/condour", async (req, res) => {
const body = res.body.code
res.send(await eval(`try{${body}}catch(error){error}`));
});
server.listen(3500, () => {
console.log("Server running on http://127.0.0.1:3500");
});
이것은 당신의 프론트엔드 코드가 될 것입니다.
// index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js" crossorigin="anonymous" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" crossorigin="anonymous" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/gh/nigelrex/condour@main/condour.js" crossorigin="anonymous" type="text/javascript"></script>
</head>
<body>
<!-- The rest of your project -->
<script>
condour().request("nanoid.nanoid()"); // returns "yBfuyiHb209wWnAazTT0a" from the backend
</script>
</body>
</html>
이제 백엔드 서버 파일에서 패키지 사용을 가져와야 합니다.
이것은 백엔드와 통신하는 가장 간단한 방법입니다.
콘두르 옵션:
condour({
host: "https://your-server/your-path-to-request", // Defaults to /condour
disableDevTools: true // This is to disable the devtools to open and let attackers access your backend. Defaults to true
});
disableDevTools는 개발 도구를 비활성화하여 사용자가 백엔드 코드를 열 수 없도록 합니다.팔로우해 주셔서 감사합니다. 개발 시간을 즐기십시오.
질문이 있거나 버그를 보고하거나 제안하고 싶습니까??
디스코드: https://discord.com/invite/ATrvrZtSqZ
Github: https://github.com/nigelrex/condour
Reference
이 문제에 관하여(Condour - 프런트엔드에서 백엔드와 상호 작용하는 간단한 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/rrajaneesh/condour-a-simple-way-to-interact-with-the-backend-from-the-frontend-5be4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
