{"id":45084,"date":"2023-12-29T11:31:04","date_gmt":"2023-02-14T23:10:59","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/"},"modified":"2024-05-04T15:50:47","modified_gmt":"2024-05-04T07:50:47","slug":"45084-2","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/","title":{"rendered":""},"content":{"rendered":"

\u306f\u3058\u3081\u306b<\/h1>\n

\u30a4\u30f3\u30d5\u30e9\u306fDocker\u3068Docker Compose\u3067\u3059\u3002
\n\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306factix-web(Rust\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af)
\n\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306fReact(TypeScript\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af)
\n\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306fMySql\u3067\u3059\u3002<\/p>\n

\u30ea\u30de\u30a4\u30f3\u30c0\u30fc(todo\u30ea\u30b9\u30c8)\u3092\u76ee\u6a19\u306b\u958b\u767a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n

\u30ec\u30dd\u30b8\u30c8\u30ea\u30fc\u306f\u3053\u3061\u3089\u3067\u3059\u3002<\/p>\n

 <\/p>\n

Rust\u306fCargo.toml\u306b\u8a18\u8ff0\u3057\u3066\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3059\u308b\u65b9\u5f0f\u3067\u3059\u3002
\n\u30d1\u30c3\u30b1\u30fc\u30b8\u306e\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3\u306f\u4ee5\u4e0b\u3067\u78ba\u8a8d\u3059\u308b\u3068\u826f\u3044\u3067\u3059\u3002<\/p>\n

 <\/p>\n

\u307e\u305f\u3001Rust\u306ftarget\u30ec\u30dd\u30b8\u30c8\u30ea\u30fc\u304c\u975e\u5e38\u306b\u91cd\u3044\u306e\u3067\u3001gitignore\u306b\u5165\u308c\u3066\u304a\u304f\u3068\u3044\u3044\u3067\u3059\u3002<\/p>\n

\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u5074<\/h1>\n

\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u5074\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n

\u74b0\u5883\u69cb\u7bc9<\/h2>\n
FROM<\/span> rust:1-slim-buster<\/span>\r\n\r\nWORKDIR<\/span> \/usr\/src\/myapp<\/span>\r\n<\/code><\/pre>\n
version<\/span>:<\/span> \"<\/span>3\"<\/span>\r\nservices<\/span>:<\/span>\r\n  web<\/span>:<\/span>\r\n    build<\/span>:<\/span> .\/opt<\/span>\r\n    container_name<\/span>:<\/span> \"<\/span>practice-rust\"<\/span>\r\n    tty<\/span>:<\/span> true<\/span>\r\n    volumes<\/span>:<\/span>\r\n      -<\/span> .\/opt:\/usr\/src\/myapp<\/span>\r\n<\/code><\/pre>\n
docker compose exec <\/span>web bash\r\ncargo new practice-rust\r\n<\/code><\/pre>\n
\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30d5\u30a1\u30a4\u30eb\u69cb\u6210\u306b\u306a\u3063\u3066\u3044\u308b\u3068\u601d\u3044\u307e\u3059\u3002
\n.git\u30d5\u30a9\u30eb\u30c0\u30fc\u304c\u81ea\u52d5\u3067\u4f5c\u3089\u308c\u307e\u3059\u3002<\/p>\n
\u251c\u2500\u2500 docker-compose.yml\r\n\u2514\u2500\u2500 opt\r\n    \u251c\u2500\u2500 Dockerfile\r\n    \u2514\u2500\u2500 practice-rust\r\n        \u251c\u2500\u2500 Cargo.toml\r\n        \u2514\u2500\u2500 src\r\n            \u2514\u2500\u2500 main.rs\r\n\r\n<\/code><\/pre>\n
async<\/span> fn<\/span> main<\/span>()<\/span> {<\/span>\r\n    println!<\/span>(<\/span>\"Hello, world!\"<\/span>);<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
Hello, world!<\/h2>\n
root@500969f0546b:\/usr\/src\/myapp\/practice-rust#<\/span> cargo run\r\n   Compiling practice-rust v0.1.0 (\/usr\/src\/myapp\/practice-rust)\r\n    Finished dev [unoptimized + debuginfo] target(s) in 8.37s\r\n     Running `target\/debug\/practice-rust`\r\nHello, world!\r\n<\/span><\/code><\/pre>\n
\u30b3\u30f3\u30d1\u30a4\u30eb\u306b\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002<\/p>\n
actix-web\u3092\u4f7f\u3046<\/h2>\n
actix-web\u306fRust\u306eweb\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002<\/p>\n
 <\/p>\n
Cargo.toml\u306bactix-web=”4″\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n
[package]\r\nname = \"practice-rust\"\r\nversion = \"0.1.0\"\r\nedition = \"2021\"\r\n\r\n[dependencies]\r\nactix-web=\"4\"\r\n<\/code><\/pre>\n
main.rs\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n
use<\/span> actix_web<\/span>::{<\/span>get<\/span>,<\/span> App<\/span>,<\/span> HttpServer<\/span>,<\/span> Responder<\/span>};<\/span>\r\n\r\n\r\n#[get(<\/span>\"\/\"<\/span>)]<\/span>\r\nasync<\/span> fn<\/span> index<\/span>()<\/span> -><\/span> impl<\/span> Responder<\/span> {<\/span>\r\n    \"Hello world!\"<\/span>\r\n}<\/span>\r\n\r\n#[actix_web::main]<\/span>\r\nasync<\/span> fn<\/span> main<\/span>()<\/span> -><\/span> std<\/span>::<\/span>io<\/span>::<\/span>Result<\/span><<\/span>()<\/span>><\/span> {<\/span>\r\n    HttpServer<\/span>::<\/span>new<\/span>(||<\/span> {<\/span>\r\n        App<\/span>::<\/span>new<\/span>()<\/span>.service<\/span>(<\/span>index<\/span>)<\/span>\r\n    })<\/span>\r\n    .bind<\/span>((<\/span>\"web\"<\/span>,<\/span> 8080<\/span>))<\/span>?<\/span>\r\n    .run<\/span>()<\/span>\r\n    .await<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
service(index)\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3057\u305f\u3044\u95a2\u6570\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n
bind((“web”, 8080))\u306eweb\u306fdocker-compse\u306b\u66f8\u3044\u305f\u30b5\u30fc\u30d3\u30b9\u540d\u3067\u3059\u3002<\/p>\n
Hello world!\u3059\u308b<\/h2>\n
\"Screenshot<\/div>\n
\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5074<\/h1>\n
React(typescript)\u3092\u5b9f\u88c5<\/h2>\n
FROM<\/span> rust:1-slim-buster<\/span>\r\n\r\nWORKDIR<\/span> \/usr\/src\/myapp<\/span>\r\n<\/code><\/pre>\n
version<\/span>:<\/span> \"<\/span>3\"<\/span>\r\nservices<\/span>:<\/span>\r\n  web<\/span>:<\/span>\r\n    build<\/span>:<\/span> .\/opt<\/span>\r\n    container_name<\/span>:<\/span> \"<\/span>practice-rust\"<\/span>\r\n    working_dir<\/span>:<\/span> \"<\/span>\/usr\/src\/myapp\/practice-rust\"<\/span>\r\n    tty<\/span>:<\/span> true<\/span>\r\n    volumes<\/span>:<\/span>\r\n      -<\/span> .\/opt:\/usr\/src\/myapp<\/span>\r\n    ports<\/span>:<\/span>\r\n      -<\/span> \"<\/span>8080:8080\"<\/span>\r\n  frontend<\/span>:<\/span>\r\n    build<\/span>:<\/span> .\/frontend<\/span>\r\n    container_name<\/span>:<\/span> \"<\/span>frontend-rust\"<\/span>\r\n    volumes<\/span>:<\/span>\r\n      -<\/span> .\/frontend:\/usr\/src\/app<\/span>\r\n    ports<\/span>:<\/span>\r\n      -<\/span> \"<\/span>3000:3000\"<\/span>\r\n    tty<\/span>:<\/span> true<\/span>\r\n<\/code><\/pre>\n
vite\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h2>\n
\u4ee5\u4e0b\u306e\u9806\u756a\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n
docker compose exec web bash\r\nnpm create vite@latest\r\ncd rust-front\r\nnpm install\r\n<\/span><\/code><\/pre>\n
wellcome\u753b\u9762<\/h2>\n
docker\u4e0a\u3067\u306f\u3001\u305d\u306e\u307e\u307e\u958b\u767a\u3067\u304d\u306a\u3044\u306e\u3067\u3001\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3092\u3044\u3058\u308a\u307e\u3059\u3002<\/p>\n
  \"scripts\"<\/span>:<\/span> {<\/span>\r\n    \"dev\"<\/span>:<\/span> \"vite --host\"<\/span>,<\/span>\r\n    \"build\"<\/span>:<\/span> \"tsc && vite build\"<\/span>,<\/span>\r\n    \"preview\"<\/span>:<\/span> \"vite preview\"<\/span>\r\n  }<\/span>,<\/span>\r\n<\/code><\/pre>\n
export default defineConfig({\r\n  server: {\r\n    host: '0.0.0.0',\r\n    port: 3000,\r\n  },\r\n  plugins: [react()],\r\n})\r\n<\/code><\/pre>\n
\u6e96\u5099\u304c\u5b8c\u4e86\u3057\u305f\u306e\u3067\u3001<\/p>\n
npm run dev\r\n<\/span><\/code><\/pre>\n
\"Screenshot<\/div>\n
api\u901a\u4fe1<\/h2>\n
use<\/span> actix_web<\/span>::{<\/span>get<\/span>,<\/span> App<\/span>,<\/span> HttpResponse<\/span>,<\/span> HttpServer<\/span>,<\/span> Responder<\/span>};<\/span>\r\nuse<\/span> serde<\/span>::{<\/span>Deserialize<\/span>,<\/span> Serialize<\/span>};<\/span>\r\n\r\n#[derive(Debug,<\/span> Serialize,<\/span> Deserialize)]<\/span>\r\nstruct<\/span> Todo<\/span> {<\/span>\r\n    id<\/span>:<\/span> i32<\/span>,<\/span>\r\n    content<\/span>:<\/span> String<\/span>,<\/span>\r\n    checked<\/span>:<\/span> bool<\/span>,<\/span>\r\n}<\/span>\r\n\r\n#[get(<\/span>\"\/api\/todo\"<\/span>)]<\/span>\r\nasync<\/span> fn<\/span> todo_index<\/span>()<\/span> -><\/span> impl<\/span> Responder<\/span> {<\/span>\r\n    HttpResponse<\/span>::<\/span>Ok<\/span>()<\/span>.json<\/span>(<\/span>Todo<\/span> {<\/span>\r\n        id<\/span>:<\/span> 1<\/span>,<\/span>\r\n        content<\/span>:<\/span> \"\u3084\u308b\u3053\u3068\u306fapi\"<\/span>.to_string<\/span>(),<\/span>\r\n        checked<\/span>:<\/span> false<\/span>,<\/span>\r\n    })<\/span>\r\n}<\/span>\r\n\r\n#[actix_web::main]<\/span>\r\nasync<\/span> fn<\/span> main<\/span>()<\/span> -><\/span> std<\/span>::<\/span>io<\/span>::<\/span>Result<\/span><<\/span>()<\/span>><\/span> {<\/span>\r\n    HttpServer<\/span>::<\/span>new<\/span>(||<\/span> {<\/span>\r\n        App<\/span>::<\/span>new<\/span>()<\/span>.service<\/span>(<\/span>todo_index<\/span>)<\/span>\r\n    })<\/span>\r\n    .bind<\/span>((<\/span>\"web\"<\/span>,<\/span> 8080<\/span>))<\/span>?<\/span>\r\n    .run<\/span>()<\/span>\r\n    .await<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
npm install axios\r\n<\/span><\/code><\/pre>\n
import<\/span> {<\/span> useEffect<\/span>,<\/span> useState<\/span> }<\/span> from<\/span> '<\/span>react<\/span>'<\/span>\r\nimport<\/span> '<\/span>.\/App.css<\/span>'<\/span>\r\nimport<\/span> axios<\/span> from<\/span> '<\/span>axios<\/span>'<\/span>;<\/span>\r\n\r\nfunction<\/span> App<\/span>()<\/span> {<\/span>\r\n  const<\/span> url<\/span> =<\/span> \"<\/span>http:\/\/localhost\/api\/todo<\/span>\"<\/span>;<\/span>\r\n  const<\/span> [<\/span>count<\/span>,<\/span> setCount<\/span>]<\/span> =<\/span> useState<\/span>(<\/span>0<\/span>)<\/span>\r\n\r\n  useEffect<\/span>(()<\/span> =><\/span> {<\/span>\r\n    axios<\/span>.<\/span>get<\/span>(<\/span>url<\/span>).<\/span>then<\/span>((<\/span>res<\/span>)<\/span> =><\/span> {<\/span>\r\n      console<\/span>.<\/span>log<\/span>(<\/span>res<\/span>.<\/span>data<\/span>);<\/span>\r\n    }).<\/span>catch<\/span>(<\/span>error<\/span> =><\/span> {<\/span>\r\n      console<\/span>.<\/span>log<\/span>(<\/span>error<\/span>);<\/span>\r\n    });<\/span>\r\n  },<\/span> [])<\/span>\r\n  return <\/span>(<\/span>\r\n    <<\/span>div<\/span> className<\/span>=<\/span>\"<\/span>App<\/span>\"<\/span>><\/span>\r\n      helloworld<\/span>\r\n    <<\/span>\/div<\/span>>\r\n<\/span>  )<\/span>\r\n}<\/span>\r\n\r\nexport<\/span> default<\/span> App<\/span>\r\n<\/code><\/pre>\n
nginx\u306e\u5c0e\u5165<\/h3>\n
cors\u5bfe\u7b56\u306e\u70ba\u3001nginx\u3092\u5c0e\u5165\u3057\u30ea\u30d0\u30fc\u30b9\u30d7\u30ed\u30ad\u30b7\u3092\u884c\u3044\u307e\u3059\u3002
\ndocker-compose.yml\u306b\u4ee5\u4e0b\u306e\u884c\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n
  webserver:\r\n    build: .\/webserver\r\n    ports:\r\n      - \"80:80\"\r\n    volumes:\r\n      - .\/webserver:\/etc\/nginx\/conf.d\r\n<\/code><\/pre>\n
rust.conf\u3092\/webserver\u306b\u3044\u308c\u3001\u30ea\u30d0\u30fc\u30b9\u30d7\u30ed\u30ad\u30b7\u3092\u3057\u307e\u3059\u3002<\/p>\n
server<\/span> {\r\n    listen<\/span> 80<\/span>;\r\n    listen<\/span> [::]:80<\/span>;\r\n    server_name<\/span> localhost<\/span>;\r\n\r\n    location<\/span> \/ {\r\n        proxy_pass<\/span> http<\/span>:\/\/frontend<\/span>:3000<\/span>;\r\n    }\r\n\r\n    location<\/span> \/api<\/span>\/ {\r\n        proxy_pass<\/span> http<\/span>:\/\/web<\/span>:8080<\/span>;\r\n    }\r\n\r\n}\r\n<\/code><\/pre>\n
loccalhost\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/p>\n
\"Screenshot<\/div>\n
\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u5074<\/h1>\n
mysql\u306b\u63a5\u7d9a<\/h2>\n
docker\u306emysql\u74b0\u5883\u69cb\u7bc9\u306f\u5272\u611b\u3057\u307e\u3059\u3002<\/p>\n
\u4ee5\u4e0b\u306e\u8a18\u4e8b\u306f\u3001\u4e0b\u8a18\u3092\u53c2\u8003\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
 <\/p>\n
Cargo.toml\u306b\u4ee5\u4e0b\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n
[dependencies]\r\nserde = { version = \"1.0\", features = [\"derive\"] }\r\nserde_json = \"1.0\"\r\ndiesel = { version = \"2.0\", features = [\"mysql\",\"r2d2\"] }\r\ndotenv = \"0.15\"\r\nr2d2 = \"0.8\"\r\n<\/code><\/pre>\n
cargo install diesel_cli --no-default-features --features mysql --force\r\n<\/span><\/code><\/pre>\n
migration\u3059\u308b<\/h3>\n
diesel setup\r\ndiesel migration generate create_todos\r\n<\/span><\/code><\/pre>\n
migrations\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u30fc\u914d\u4e0b\u306bup.sql\u3068down.sql\u304c\u3067\u304d\u3066\u3044\u308b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n
CREATE<\/span> TABLE<\/span> todos<\/span>\r\n(<\/span>\r\n    id<\/span> INT<\/span> PRIMARY<\/span> KEY<\/span> AUTO_INCREMENT<\/span>,<\/span>\r\n    content<\/span> TEXT<\/span> DEFAULT<\/span> NULL<\/span>\r\n);<\/span>\r\n<\/code><\/pre>\n
DROP<\/span> TABLE<\/span> todos<\/span>;<\/span>\r\n<\/code><\/pre>\n
mysql\u306eURL\u3092env\u30d5\u30a1\u30a4\u30eb\u306b\u66f8\u304d\u8fbc\u307f\u307e\u3059\u3002<\/p>\n
DATABASE_URL<\/span>=mysql<\/span>:\/\/rust<\/span>:rust<\/span>@db<\/span>:3306<\/span>\/todoproject<\/span>\r\n<\/code><\/pre>\n
table\u3092\u751f\u6210\u3059\u308b\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n
diesel migration run\r\n<\/span><\/code><\/pre>\n
use<\/span> diesel<\/span>::<\/span>mysql<\/span>::<\/span>MysqlConnection<\/span>;<\/span>\r\nuse<\/span> diesel<\/span>::<\/span>r2d2<\/span>::<\/span>ConnectionManager<\/span>;<\/span>\r\nuse<\/span> dotenv<\/span>::<\/span>dotenv<\/span>;<\/span>\r\n\r\npub<\/span> type<\/span> Pool<\/span> =<\/span> r2d2<\/span>::<\/span>Pool<\/span><<\/span>ConnectionManager<\/span><<\/span>MysqlConnection<\/span>>><\/span>;<\/span>\r\n\r\npub<\/span> fn<\/span> establish_connection<\/span>()<\/span> -><\/span> Pool<\/span> {<\/span>\r\n    dotenv<\/span>()<\/span>.ok<\/span>();<\/span>\r\n\r\n    std<\/span>::<\/span>env<\/span>::<\/span>set_var<\/span>(<\/span>\"RUST_LOG\"<\/span>,<\/span> \"actix_web=debug\"<\/span>);<\/span>\r\n    let<\/span> database_url<\/span> =<\/span> std<\/span>::<\/span>env<\/span>::<\/span>var<\/span>(<\/span>\"DATABASE_URL\"<\/span>)<\/span>.expect<\/span>(<\/span>\"DATABASE_URL must be set\"<\/span>);<\/span>\r\n\r\n    \/\/ create db connection pool<\/span>\r\n    let<\/span> manager<\/span> =<\/span> ConnectionManager<\/span>::<\/span><<\/span>MysqlConnection<\/span>><\/span>::<\/span>new<\/span>(<\/span>database_url<\/span>);<\/span>\r\n    let<\/span> pool<\/span>:<\/span> Pool<\/span> =<\/span> r2d2<\/span>::<\/span>Pool<\/span>::<\/span>builder<\/span>()<\/span>\r\n        .build<\/span>(<\/span>manager<\/span>)<\/span>\r\n        .expect<\/span>(<\/span>\"Failed to create pool.\"<\/span>);<\/span>\r\n    pool<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
use<\/span> crate<\/span>::<\/span>schema<\/span>::<\/span>todos<\/span>;<\/span>\r\nuse<\/span> serde<\/span>::{<\/span>Deserialize<\/span>,<\/span> Serialize<\/span>};<\/span>\r\n\r\n#[derive(Queryable,<\/span> Insertable,<\/span> Deserialize,<\/span> Serialize)]<\/span>\r\n#[diesel(table_name<\/span> =<\/span> todos)]<\/span>\r\npub<\/span> struct<\/span> Todo<\/span> {<\/span>\r\n    pub<\/span> id<\/span>:<\/span> i32<\/span>,<\/span>\r\n    pub<\/span> content<\/span>:<\/span> String<\/span>,<\/span>\r\n}<\/span>\r\n\r\n#[derive(Queryable,<\/span> Insertable,<\/span> Deserialize,<\/span> Serialize)]<\/span>\r\n#[diesel(table_name<\/span> =<\/span> todos)]<\/span>\r\npub<\/span> struct<\/span> Updatetodo<\/span> {<\/span>\r\n    pub<\/span> content<\/span>:<\/span> String<\/span>,<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
\/\/ @generated automatically by Diesel CLI.<\/span>\r\n\r\ntable!<\/span> {<\/span>\r\n    todos<\/span> (<\/span>id<\/span>)<\/span> {<\/span>\r\n        id<\/span> -><\/span> Integer<\/span>,<\/span>\r\n        content<\/span> -><\/span> Text<\/span>,<\/span>\r\n    }<\/span>\r\n}<\/span>\r\n<\/code><\/pre>\n
\u4ee5\u4e0b\u3092\u5b9f\u884c\u3059\u308b\u3068\u3001get,post,delete\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
#[macro_use]<\/span>\r\nextern<\/span> crate<\/span> diesel<\/span>;<\/span>\r\nuse<\/span> diesel<\/span>::<\/span>RunQueryDsl<\/span>;<\/span>\r\nuse<\/span> actix_web<\/span>::<\/span>web<\/span>::<\/span>Data<\/span>;<\/span>\r\nuse<\/span> actix_web<\/span>::{<\/span>get<\/span>,<\/span> post<\/span>,<\/span> delete<\/span>,<\/span> web<\/span>,<\/span> App<\/span>,<\/span> HttpResponse<\/span>,<\/span> HttpServer<\/span>,<\/span> Responder<\/span>};<\/span>\r\nmod<\/span> db<\/span>;<\/span>\r\nmod<\/span> model<\/span>;<\/span>\r\nmod<\/span> schema<\/span>;<\/span>\r\n\r\n#[get(<\/span>\"\/api\/todo\"<\/span>)]<\/span>\r\nasync<\/span> fn<\/span> todo_index<\/span>(<\/span>db<\/span>:<\/span> web<\/span>::<\/span>Data<\/span><<\/span>db<\/span>::<\/span>Pool<\/span>><\/span>)<\/span> -><\/span> impl<\/span> Responder<\/span> {<\/span>\r\n    let<\/span> mut<\/span> conn<\/span> =<\/span> db<\/span>.get<\/span>()<\/span>.unwrap<\/span>();<\/span>\r\n    let<\/span> todo<\/span> =<\/span> schema<\/span>::<\/span>todos<\/span>::<\/span>table<\/span>\r\n        .load<\/span>::<\/span><<\/span>model<\/span>::<\/span>Todo<\/span>><\/span>(<\/span>&<\/span>mut<\/span> conn<\/span>)<\/span>\r\n        .expect<\/span>(<\/span>\"Error not showing todo list\"<\/span>);<\/span>\r\n    HttpResponse<\/span>::<\/span>Ok<\/span>()<\/span>.json<\/span>(<\/span>todo<\/span>)<\/span>\r\n}<\/span>\r\n\r\n#[post(<\/span>\"\/api\/todo\"<\/span>)]<\/span>\r\nasync<\/span> fn<\/span> new_todo<\/span>(<\/span>db<\/span>:<\/span> web<\/span>::<\/span>Data<\/span><<\/span>db<\/span>::<\/span>Pool<\/span>><\/span>,<\/span> c<\/span>:<\/span> web<\/span>::<\/span>Json<\/span><<\/span>model<\/span>::<\/span>Updatetodo<\/span>><\/span>)<\/span> -><\/span> impl<\/span> Responder<\/span> {<\/span>\r\n    let<\/span> mut<\/span> conn<\/span> =<\/span> db<\/span>.get<\/span>()<\/span>.unwrap<\/span>();<\/span>\r\n    let<\/span> new_todo<\/span> =<\/span> model<\/span>::<\/span>Updatetodo<\/span> {<\/span>\r\n        content<\/span>:<\/span> c<\/span>.content<\/span>.to_string<\/span>(),<\/span>\r\n    };<\/span>\r\n    diesel<\/span>::<\/span>insert_into<\/span>(<\/span>schema<\/span>::<\/span>todos<\/span>::<\/span>dsl<\/span>::<\/span>todos<\/span>)<\/span>\r\n        .values<\/span>(<\/span>&<\/span>new_todo<\/span>)<\/span>\r\n        .execute<\/span>(<\/span>&<\/span>mut<\/span> conn<\/span>)<\/span>\r\n        .expect<\/span>(<\/span>\"Error not saving new todo\"<\/span>);<\/span>\r\n\r\n    HttpResponse<\/span>::<\/span>Created<\/span>()<\/span>.body<\/span>(<\/span>\"get ok\"<\/span>)<\/span>\r\n}<\/span>\r\n\r\n#[delete(<\/span>\"\/api\/todo\/{id}\"<\/span>)]<\/span>\r\nasync<\/span> fn<\/span> delete_todo<\/span>(<\/span>db<\/span>:<\/span> web<\/span>::<\/span>Data<\/span><<\/span>db<\/span>::<\/span>Pool<\/span>><\/span>,<\/span> path<\/span>:<\/span> web<\/span>::<\/span>Path<\/span><<\/span>i32<\/span>><\/span>)<\/span> -><\/span> impl<\/span> Responder<\/span> {<\/span>\r\n    let<\/span> id<\/span> =<\/span> path<\/span>.into_inner<\/span>();<\/span>\r\n    let<\/span> mut<\/span> conn<\/span> =<\/span> db<\/span>.get<\/span>()<\/span>.unwrap<\/span>();<\/span>\r\n    let<\/span> target<\/span> =<\/span> schema<\/span>::<\/span>todos<\/span>::<\/span>dsl<\/span>::<\/span>todos<\/span>\r\n                    .filter<\/span>(<\/span>schema<\/span>::<\/span>todos<\/span>::<\/span>dsl<\/span>::<\/span>id<\/span>.eq<\/span>(<\/span>id<\/span>));<\/span>\r\n\r\n    diesel<\/span>::<\/span>delete<\/span>(<\/span>target<\/span>)<\/span>\r\n        .execute<\/span>(<\/span>&<\/span>mut<\/span> conn<\/span>)<\/span>\r\n        .expect<\/span>(<\/span>\"Error deleting new post\"<\/span>);<\/span>\r\n\r\n    HttpResponse<\/span>::<\/span>Created<\/span>()<\/span>.body<\/span>(<\/span>\"Delete complete\"<\/span>)<\/span>\r\n}<\/span>\r\n\r\n#[actix_web::main]<\/span>\r\nasync<\/span> fn<\/span> main<\/span>()<\/span> -><\/span> std<\/span>::<\/span>io<\/span>::<\/span>Result<\/span><<\/span>()<\/span>><\/span> {<\/span>\r\n\r\n    let<\/span> pool<\/span> =<\/span> db<\/span>::<\/span>establish_connection<\/span>();<\/span>\r\n    HttpServer<\/span>::<\/span>new<\/span>(<\/span>move<\/span>||<\/span> {<\/span>\r\n        App<\/span>::<\/span>new<\/span>()<\/span>\r\n        .app_data<\/span>(<\/span>Data<\/span>::<\/span>new<\/span>(<\/span>pool<\/span>.clone<\/span>())<\/span>\r\n        .service<\/span>(<\/span>todo_index<\/span>)<\/span>\r\n        .service<\/span>(<\/span>new_todo<\/span>)<\/span>\r\n        .service<\/span>(<\/span>delete_todo<\/span>)<\/span>\r\n    })<\/span>\r\n    .bind<\/span>((<\/span>\"web\"<\/span>,<\/span> 8080<\/span>))<\/span>?<\/span>\r\n    .run<\/span>()<\/span>\r\n    .await<\/span>\r\n}<\/span>\r\n\r\n<\/code><\/pre>\n
\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u5074<\/h1>\n
react\u306b\u30ea\u30de\u30a4\u30f3\u30c0\u30fc\u3092\u5b9f\u88c5<\/h2>\n
typesript\u306f\u578b\u5ba3\u8a00\u304c\u5fc5\u8981\u3067\u3059\u3002
\n\u3067\u3082\u3001Rust\u3088\u308a\u9065\u304b\u306b\u7c21\u5358\u3002<\/p>\n
  type<\/span> Todo<\/span> =<\/span> {<\/span>\r\n    id<\/span>:<\/span> number<\/span>,<\/span>\r\n    content<\/span>:<\/span> string<\/span>,<\/span>\r\n  }<\/span>\r\n<\/code><\/pre>\n
useState<\u578b>(\u521d\u671f\u5024)\u3067\u3059\u3002
\nsetTodos\u306f\u30bb\u30c3\u30bf\u30fc\u3067\u3059\u3002<\/p>\n
const<\/span> [<\/span>todos<\/span>,<\/span> setTodos<\/span>]<\/span> =<\/span> useState<\/span><<\/span>Todo<\/span>[]<\/span>><\/span>([]);<\/span>\r\n<\/code><\/pre>\n
string\u3092\u578b\u306b\u3057\u305f\u30d1\u30bf\u30fc\u30f3\u3067\u3059\u3002<\/p>\n
useState<\/span><<\/span>string<\/span>><\/span>(<\/span>\"\"<\/span>);<\/span>\r\n<\/code><\/pre>\n
import<\/span> {<\/span> useEffect<\/span>,<\/span> useState<\/span> }<\/span> from<\/span> '<\/span>react<\/span>'<\/span>\r\nimport<\/span> '<\/span>.\/App.css<\/span>'<\/span>\r\nimport<\/span> axios<\/span> from<\/span> '<\/span>axios<\/span>'<\/span>;<\/span>\r\n\r\nfunction<\/span> App<\/span>()<\/span> {<\/span>\r\n  const<\/span> url<\/span> =<\/span> \"<\/span>http:\/\/localhost\/api\/todo<\/span>\"<\/span>;<\/span>\r\n  const<\/span> [<\/span>inputValue<\/span>,<\/span> setInputValue<\/span>]<\/span> =<\/span> useState<\/span>(<\/span>\"\"<\/span>);<\/span>\r\n  const<\/span> [<\/span>todos<\/span>,<\/span> setTodos<\/span>]<\/span> =<\/span> useState<\/span><<\/span>Todo<\/span>[]<\/span>><\/span>([]);<\/span>\r\n\r\n  type<\/span> Todo<\/span> =<\/span> {<\/span>\r\n    id<\/span>:<\/span> number<\/span>,<\/span>\r\n    content<\/span>:<\/span> string<\/span>,<\/span>\r\n  }<\/span>\r\n\r\n  const<\/span> onWriting<\/span> =<\/span> (<\/span>e<\/span>:<\/span> React<\/span>.<\/span>ChangeEvent<\/span><<\/span>HTMLInputElement<\/span>><\/span>)<\/span> =><\/span> {<\/span>\r\n    e<\/span>.<\/span>preventDefault<\/span>();<\/span>\r\n    setInputValue<\/span>(<\/span>e<\/span>.<\/span>target<\/span>.<\/span>value<\/span>);<\/span>\r\n  };<\/span>\r\n\r\n  const<\/span> onSave<\/span> =<\/span> (<\/span>e<\/span>:<\/span> {<\/span> preventDefault<\/span>:<\/span> ()<\/span> =><\/span> void<\/span> })<\/span> =><\/span> {<\/span>\r\n    e<\/span>.<\/span>preventDefault<\/span>();<\/span>\r\n    if <\/span>(<\/span>!<\/span>inputValue<\/span>)<\/span> {<\/span> return<\/span>;<\/span> }<\/span>\r\n\r\n    axios<\/span>.<\/span>post<\/span>(<\/span>'<\/span>\/api\/todo<\/span>'<\/span>,<\/span> {<\/span> content<\/span>:<\/span> inputValue<\/span> })<\/span>\r\n      .<\/span>then<\/span>(<\/span>function <\/span>(<\/span>response<\/span>)<\/span> {<\/span>\r\n        console<\/span>.<\/span>log<\/span>(<\/span>response<\/span>.<\/span>data<\/span>);<\/span>\r\n        axios<\/span>.<\/span>get<\/span>(<\/span>url<\/span>).<\/span>then<\/span>((<\/span>res<\/span>)<\/span> =><\/span> {<\/span>\r\n          setTodos<\/span>([...<\/span>res<\/span>.<\/span>data<\/span>]);<\/span>\r\n        }).<\/span>catch<\/span>(<\/span>error<\/span> =><\/span> {<\/span>\r\n          console<\/span>.<\/span>log<\/span>(<\/span>error<\/span>);<\/span>\r\n        });<\/span>\r\n      })<\/span>\r\n\r\n    setInputValue<\/span>(<\/span>\"\"<\/span>);<\/span>\r\n  };<\/span>\r\n\r\n  const<\/span> onDelete<\/span> =<\/span> (<\/span>uid<\/span>:<\/span> number<\/span>)<\/span> =><\/span> {<\/span>\r\n\r\n    axios<\/span>.<\/span>delete<\/span>(<\/span>'<\/span>\/api\/todo\/<\/span>'<\/span> +<\/span> String<\/span>(<\/span>uid<\/span>))<\/span>\r\n      .<\/span>then<\/span>(<\/span>function <\/span>(<\/span>response<\/span>)<\/span> {<\/span>\r\n        console<\/span>.<\/span>log<\/span>(<\/span>response<\/span>.<\/span>data<\/span>);<\/span>\r\n        axios<\/span>.<\/span>get<\/span>(<\/span>url<\/span>).<\/span>then<\/span>((<\/span>res<\/span>)<\/span> =><\/span> {<\/span>\r\n          setTodos<\/span>([...<\/span>res<\/span>.<\/span>data<\/span>]);<\/span>\r\n        }).<\/span>catch<\/span>(<\/span>error<\/span> =><\/span> {<\/span>\r\n          console<\/span>.<\/span>log<\/span>(<\/span>error<\/span>);<\/span>\r\n        });<\/span>\r\n      })<\/span>\r\n  };<\/span>\r\n\r\n  useEffect<\/span>(()<\/span> =><\/span> {<\/span>\r\n    axios<\/span>.<\/span>get<\/span>(<\/span>url<\/span>).<\/span>then<\/span>((<\/span>res<\/span>)<\/span> =><\/span> {<\/span>\r\n      setTodos<\/span>([...<\/span>res<\/span>.<\/span>data<\/span>]);<\/span>\r\n    }).<\/span>catch<\/span>(<\/span>error<\/span> =><\/span> {<\/span>\r\n      console<\/span>.<\/span>log<\/span>(<\/span>error<\/span>);<\/span>\r\n    });<\/span>\r\n  },<\/span> [])<\/span>\r\n  return <\/span>(<\/span>\r\n    <<\/span>div<\/span> className<\/span>=<\/span>\"App\"<\/span>><\/span>\r\n      <<\/span>h1<\/span>><\/span>\u30ea\u30de\u30a4\u30f3\u30c0\u30fc<\/<\/span>h1<\/span>><\/span>\r\n      <<\/span>form<\/span> onSubmit<\/span>=<\/span>{<\/span>(<\/span>e<\/span>)<\/span> =><\/span> onSave<\/span>(<\/span>e<\/span>)<\/span>}<\/span>><\/span>\r\n        <<\/span>input<\/span> type<\/span>=<\/span>\"text\"<\/span> style<\/span>=<\/span>{<\/span>{<\/span> width<\/span>:<\/span> \"<\/span>400px<\/span>\"<\/span>,<\/span> height<\/span>:<\/span> \"<\/span>30px<\/span>\"<\/span> }<\/span>}<\/span> value<\/span>=<\/span>{<\/span>inputValue<\/span>}<\/span> onChange<\/span>=<\/span>{<\/span>(<\/span>e<\/span>)<\/span> =><\/span> onWriting<\/span>(<\/span>e<\/span>)<\/span>}<\/span> \/><\/span>\r\n        <<\/span>input<\/span> type<\/span>=<\/span>\"submit\"<\/span> style<\/span>=<\/span>{<\/span>{<\/span> width<\/span>:<\/span> \"<\/span>100px<\/span>\"<\/span>,<\/span> height<\/span>:<\/span> \"<\/span>35px<\/span>\"<\/span> }<\/span>}<\/span> value<\/span>=<\/span>\"\u9001\u4fe1\"<\/span> \/><\/span>\r\n      <\/<\/span>form<\/span>><\/span>\r\n      <<\/span>br<\/span>><\/<\/span>br<\/span>><\/span>\r\n      <<\/span>table<\/span> border<\/span>=<\/span>{<\/span>1<\/span>}<\/span>><\/span>\r\n        {<\/span>todos<\/span>.<\/span>map<\/span>((<\/span>arr<\/span>:<\/span> Todo<\/span>)<\/span> =><\/span> (<\/span>\r\n          <<\/span>tr<\/span>><\/span>\r\n            <<\/span>td<\/span> style<\/span>=<\/span>{<\/span>{<\/span> textAlign<\/span>:<\/span> '<\/span>left<\/span>'<\/span> }<\/span>}<\/span> width<\/span>=<\/span>{<\/span>500<\/span>}<\/span>><\/span>{<\/span>arr<\/span>.<\/span>content<\/span>}<\/span><\/<\/span>td<\/span>><\/span>\r\n            <<\/span>td<\/span>><\/span>\r\n              <<\/span>button<\/span> onClick<\/span>=<\/span>{<\/span>()<\/span> =><\/span> onDelete<\/span>(<\/span>arr<\/span>.<\/span>id<\/span>)<\/span>}<\/span>><\/span>\u524a\u9664<\/<\/span>button<\/span>><\/span>\r\n            <\/<\/span>td<\/span>><\/span>\r\n          <\/<\/span>tr<\/span>><\/span>\r\n        ))<\/span>}<\/span>\r\n      <\/<\/span>table<\/span>><\/span>\r\n    <\/<\/span>div<\/span> ><\/span>\r\n  )<\/span>\r\n}<\/span>\r\n\r\nexport<\/span> default<\/span> App<\/span>\r\n\r\n<\/code><\/pre>\n
\u7d50\u679c<\/h1>\n
\"rust_movies.gif\"<\/div>\n","protected":false},"excerpt":{"rendered":"
\u306f\u3058\u3081\u306b \u30a4\u30f3\u30d5\u30e9\u306fDocker\u3068Docker Compose\u3067\u3059\u3002 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306factix-web(Rus […]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-45084","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n- Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:description\" content=\"\u306f\u3058\u3081\u306b \u30a4\u30f3\u30d5\u30e9\u306fDocker\u3068Docker Compose\u3067\u3059\u3002 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306factix-web(Rus […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-14T23:10:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-04T07:50:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d5d2737434c4406cf0b43\/30-0.png\" \/>\n<meta name=\"author\" content=\"\u65b0, \u97f5\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u65b0, \u97f5\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/\",\"name\":\"- Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-02-14T23:10:59+00:00\",\"dateModified\":\"2024-05-04T07:50:47+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9\",\"name\":\"\u65b0, \u97f5\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g\",\"caption\":\"\u65b0, \u97f5\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunxin\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"- Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/","og_locale":"zh_CN","og_type":"article","og_description":"\u306f\u3058\u3081\u306b \u30a4\u30f3\u30d5\u30e9\u306fDocker\u3068Docker Compose\u3067\u3059\u3002 \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306factix-web(Rus […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-02-14T23:10:59+00:00","article_modified_time":"2024-05-04T07:50:47+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d5d2737434c4406cf0b43\/30-0.png"}],"author":"\u65b0, \u97f5","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u65b0, \u97f5","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"6 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/","name":"- Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-02-14T23:10:59+00:00","dateModified":"2024-05-04T07:50:47+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9","name":"\u65b0, \u97f5","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g","caption":"\u65b0, \u97f5"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunxin\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/45084-2\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/45084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=45084"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/45084\/revisions"}],"predecessor-version":[{"id":99246,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/45084\/revisions\/99246"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=45084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=45084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=45084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}