[ASP.NET WebForm] #9 Calendar API 串接

本篇重點

  • GCP操作
  • .NET布局

Google Cloud Platform操作

連結:https://console.cloud.google.com/ <br/> <br/> STEP1: 建立新的專案。 <br/>

螢幕擷取畫面 2023-08-10 093834

STEP2:建立憑證 (OAuth用戶端ID)。 <br/>

螢幕擷取畫面 2023-08-08 113100<br/>

一步一步填寫資料。 <br/>

螢幕擷取畫面 2023-08-08 112636 <br/>

螢幕擷取畫面 2023-08-08 112641 <br/>

STEP3:新增範圍 –> 將前三個打勾 –> 搜尋calendar api,將畫面上相同的選項打勾。 <br/>

螢幕擷取畫面 2023-08-08 112906 <br/>

螢幕擷取畫面 2023-08-08 112852 <br/> 螢幕擷取畫面 2023-08-08 112837 <br/>

.NET 布局

STEP1:先在 NuGet 套件管理器中搜尋並安裝"Google.Apis.Calendar.v3"。<br/>

螢幕擷取畫面 2023-08-08 095607 <br/>

STEP2:在前端介面加上這串,並將網址換成自己日曆的公開網址。<br/>

<iframe src="https://calendar.google.com/calendar/embed?src=bbb105800%40gmail.com&ctz=Asia%2FTaipei" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

點進申請gcp那支帳號的底下的日曆,可以新建一個或選擇現有的日曆來操作。 <br/> 接著找到「設定和共用」裡面的「公開網址」,複製後貼到前端程式碼中即可。 <br/>

螢幕擷取畫面 2023-08-10 135854 <br/>

螢幕擷取畫面 2023-08-10 140212