云函数 examples

examples/serverless-faas/frontend/src/client.ts

@@ -0,0 +1,10 @@
+import { HttpClient } from "tsrpc-browser";
+import { serviceProto } from "./shared/protocols/serviceProto";
+
+// Create Client
+export const client = new HttpClient(serviceProto, {
+    server: "https://service-23pfz6cm-1253954497.gz.apigw.tencentcs.com/release/helloworld-1634897828/",
+    // Remove this to use binary mode (remove from the server too)
+    json: true,
+    logger: console,
+});

examples/serverless-faas/frontend/src/env.d.ts

@@ -0,0 +1,9 @@
+// TSRPC would decode ObjectId as string in frontend.
+declare module 'mongodb' {
+    export type ObjectId = string;
+    export type ObjectID = string;
+}
+declare module 'bson' {
+    export type ObjectId = string;
+    export type ObjectID = string;
+}

examples/serverless-faas/frontend/src/index.ts

@@ -0,0 +1,50 @@
+import { client } from './client';
+
+// This is a demo code file
+// Feel free to modify or clear it
+
+// Reload message list
+async function loadList() {
+    let ret = await client.callApi('GetData', {});
+
+    // Error
+    if (!ret.isSucc) {
+        alert(ret.err.message);
+        return;
+    }
+
+    // Success
+    const list = document.querySelector('.list')!;
+    list.innerHTML = '';
+    ret.res.data.forEach(v => {
+        let li = document.createElement('li');
+        li.innerHTML = `<div class="content"></div><div class="time"></div>`;
+        (li.querySelector('.content') as HTMLDivElement).innerText = v.content;
+        (li.querySelector('.time') as HTMLDivElement).innerText = v.time.toLocaleTimeString();
+        list.appendChild(li);
+    })
+}
+
+// Send Message
+async function send() {
+    const textarea = document.querySelector('.send>textarea') as HTMLTextAreaElement;
+    let ret = await client.callApi('AddData', {
+        content: textarea.value
+    });
+
+    // Error
+    if (!ret.isSucc) {
+        alert(ret.err.message);
+        return;
+    }
+
+    // Success
+    textarea.value = '';
+    loadList();
+}
+
+// Bind Events
+(document.querySelector('.send>button') as HTMLButtonElement).onclick = send;
+
+// Load list after page load
+loadList();

examples/serverless-faas/frontend/src/shared

@@ -0,0 +1 @@
+E:/Projects/tsrpc-examples/examples/serverless-faas/backend/src/shared