Serverless Computing? ????? ??, ?? ? DevOps? ???????. ? ???? CloudFlare Workers? ???? ?? ?? ???? ??????? ???? ?? ?????. ???? ? ???? ????? ??????. ? ???? ? "Repo Hunt"? ?? ??? ???? ??? ?? ?? ?? ????? ?? ?? ?????. ?? ? ???? ???? ??? ? ????.

CloudFlare? ??? ????? ???? CloudFlare Workers? ??? ??? ???? ???? ?? ?? ??? ?????. Wrangler CLI ??? ??, ??? ? ??? ??????. ? ???? "???"???? ???? URL ?? ???? ???????. ?? ??? github [??--github-repo]?? ??? ? ????.

?? ??

Wrangler ?? :

 npm install -g @cloudflare/wrangler

??? ???? ???? ? ????? ????.

 Wrangler? repo-hunt https://github.com/cloudflare/worker-template-router? ?????
CD repo-hunt

??? ???? ? ?? ???? NPM ??? ???? ? ????. Router ???? URL ???? ?????. ?? ? :

 // index.js
const router = require ( './ router');

addeventListener ( 'fetch', event => {
  event.respondwith (handlerequest (event.request));
});

??? ?? handlerequest (??) {
  ???? {
    const r = ??? ??? ();
    r.get ( '/', () => ? ?? ( "Hello, World!"));
    const resp = r.route (??);
    resp resp;
  } catch (err) {
    ??? ??? ?? (ERR);
  }
}

???? fetch ???? ???? Response ?????. ? ????? ???? ( / ), ?? ?? ( /post ) ? ?? ?? ( /repo )? ?? ??? ?????.

??? ? ???

???? ( / ) ??? ?? ? ??? ??? ??????. ??? HTML ???? ???????.

 // index.js
const router = require ( './ router');
const index = require ( './ ???/??');

// ... (index.js? ???)

// ???/index.js
const ?? = { 'content-type': 'text/html'};
const handler = () => {
  ??? ??? ????? ( "Hello, World!", {Headers});
};
module.exports = handler;

wrangler preview ???? ???????. ???? ? ??? ???? ?? ????.

 // ???/index.js
const ?? = { 'content-type': 'text/html'};
const template = require ( '../ templates/index');

// ... (??? ???/index.js)

// templates/index.js
const ???? = ?? ?? ( './ Layout');
const ??? = () => ???? (`<h1> ?????, ??!</h1> `);
module.exports = ???;

// templates/layout.js
const layout = body =>` $ {body} `;;
Module.Exports = ????;

??? ?????? ???? ???? ????? (Bulma CSS? ???? ????).

??? KV?? ??? ???

Workers KV? ??? ?????? ? ?? ???? ?????. ??? (? : repos:${id} ) ? ?? ?? (? : $date )? ?????. ?? : ??? KV?? ?? ??? ?????.

?? KV ?? :

 repo_hunt.put ( "Mystring", "Hello, World!"); // ?? ?????
const string = repo_hunt.get ( "mystring"); // ?? ?????

?? ? ?? ??? ????? ???? ?? ????.

 // Store/Repo.js
const uuid = ?? ( 'uuid/v4');

??? repo {
  // ... (Repo ??? ??)
}
module.exports = repo;

// store/day.js
const today = () => new date (). tolocaledatestring ();

module.exports = {
  ?? : Async ?? (id) {// ...},
  getRepos : Async ?? () {// ...}
};

Repo ???? ?? ? ???? ?????. Day ?? ????? ??? ?????.

??? ??? ??

?? (get /post )? ?? ???? ???? ??? ? ????. ??? /repo ??? ???? ?? :

 // ???/create.js
const qs = ?? ?? ( 'QS');
const repo = require ( '../ store/repo');
const day = require ( '../ store/day');

// ... (??? ?? ??)

qs ?????? ???? ???? ?? ????, Repo ??? ????, KV? ????, ID? Daily List? ?????.

????? ??? ???

?? ????? ????? ???? ???? ??????.

 // ???/index.js
// ... (???? ? ??? ???)

// templates/index.js
// ...

Day Module? getRepos ??? Repo ??? ?? ?? ????????. ???? ? ???? ??????.

??

??? ?? .dev subdomain :

 Wrangler subdomain my-subdomain

?? ???? ?? :

 Wrangler Publish

CloudFlare ?? ???? KV ?? ????? ??? ?? ???? ID? wrangler.toml ????????.

 [[kv-namespaces]]
??? = "repo_hunt"
id = "$ yournamespaceid"

KV ?? ????? wrangler.toml ? ?? ? ? ?? ??????. ?? ????? ?? ??????!

?? ??

? ????? ???? ??????? ??? ?????. ?? ???? ? ? ??, ?? ??? ??? ??? ??? ? ????. ?? ?? ????? ??? ?? ? ??? ???? ??????.

? ??? CloudFlare Workers? ?? ? ?? ???? ?????? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!