跨平台桌面應用程序構建 （Electron-Vue + C# gRPC）

1. 創建 C# gRPC 服務

　　創建可由 JavaScript 調用的 C# gRPC 服務

 

2. 創建可在 Window 和 Linux 上運行的跨平台桌面應用程序

　　Electron-Vue 創建跨平台桌面應用程序 UI

 

3. 為 C# gRPC 服務接口生成 JavaScript 調用代碼

　　通過 protoc and protoc-gen-grpc-web 插件根據 gRPC 定義，自動生成對應的客戶端調用 JavaScript 代碼。參考如下：

　　使用 gRPC-Web 編寫 JavaScript 客戶端代碼

　　通過 protoc-gen-grpc-web 插件自動生成 gPRC 服務接口的 JavaScript 調用代碼

 

4. 在 Electron-Vue 程序中調用 C# gPRC 服務

<script>
  import {HelloRequest, RepeatHelloRequest, HelloReply} from './greet_pb';
  import {GreeterClient} from './greet_grpc_web_pb';

  var client = new GreeterClient('http://172.22.113.93:5000', null, null);
  // simple unary call
  var request = new HelloRequest();
  request.setName('666');

  export default {
    name: 'landing-page',
    components: { },
    methods: {
      open (link) {
        this.$electron.shell.openExternal(link)
      },
      clickButton:function(){
                client.sayHello(request, {}, (err, response) => {
                  if (err) {
                    alert(`Unexpected error for sayHello: code = ${err.code}` +
                                `, message = "${err.message}"`);
                  } else {
                    alert(response.getMessage());
                  }
                });
            }
    },
  }
</script>