Youtube Data API 使用手札 - HackMD

在此紀錄, Youtube Data API In Node.js 的實做過程, 以免下一次忘記如何做! ... 如果想要限制API 金鑰, 可自行設定, 本文建議先測通 Youtube Search API 再做限制 ...       Published LinkedwithGitHub Like2 Bookmark Subscribe Edit #YoutubeDataAPI使用手札 ######tags:`w3HexSchool`.`youtube`.`node.js` >最近因為搭捷運時,看Hahow影片卡爆, >所以起心動念想要將自己買的課程,放到私人的Youtube撥放清單中 >手動一個影片.一個的影片下載,之後上傳實在太慢了, >因此我做了一個electron處理上傳&下載的事情 >程序化上傳部分,我們可以用YoutueDataAPI處理 >在此紀錄,YoutubeDataAPIInNode.js的實做過程,以免下一次忘記如何做! >題外話,不知道Hahow的使用者條款,有沒有禁止軟體工程師製作應用程式批次下載`已購買課程`呢? ##取得YoutubeAPI_KEY 首先進入[GoogleDevelopersConsole](https://console.developers.google.com/apis/dashboard)建立新專案來產生一組API_KEY ==建立一個新專案==  ==輸入專案名稱`youtube-test`==       ==這次我們要建立的是API_KEY==   :::info 如果想要限制API金鑰,可自行設定,本文建議先測通`YoutubeSearchAPI`再做限制 :::  ##YoutubeSearchAPI :::info 我們可以直接用axios做一個getrequest來訪問YoutubeSearchAPI ::: ```javascript= /*youtube-search.js*/ //參考資料:https://medium.com/%E5%B0%8F%E9%83%AD-%E0%B9%80%E0%B8%88%E0%B8%99/%E8%8F%9C%E9%B3%A5%E5%B7%A5%E7%A8%8B%E5%B8%AB-youtube-data-api-%E8%BC%89%E5%85%A5%E6%92%AD%E6%94%BE%E6%B8%85%E5%96%AE%E4%B8%A6%E5%88%87%E6%8F%9B%E6%AD%8C%E6%9B%B2-356d8e454ca3 constaxios=require('axios'); constAPI_KEY='AIzaSyCfTvOCJ5JA5eTeetkHSfDBUurdJeBDm94';//youmustreplaceAPI_KEY asyncfunctionrunSample(){ constres=awaitaxios.get('https://www.googleapis.com/youtube/v3/search', { params:{ part:'id,snippet',//必填，把需要的資訊列出來 q:'韓國瑜',//查詢文字 maxResults:50,//預設為五筆資料，可以設定1~50 key:API_KEY,//使用API只能取得公開的播放清單 } }); console.log(res.data); } runSample().catch(err=>console.error(err)); ``` :::warning 別忘了,要將剛剛產生的API_KEY取代`AIzaSyCfTvOCJ5JA5eTeetkHSfDBUurdJeBDm94`歐! ::: :::info 如果要確認SearchAPI有甚麼其他的`參數`可以使用,請看==[官方文件](https://developers.google.com/youtube/v3/docs/search/list)== ::: ##GoogleOAuth2身份認證 :::info 如果要上傳影片,就需要OAuth2登入,取得`access_token`才能上傳 ::: ==先設定OAuth同意畫面==   ==OAuth同意畫面==  ==範圍==  ==選填資訊==  ==摘要==  ==建立憑證==  ==這次我們建立OAuth用戶端ID==    ==下載client_secret.json檔==  ==client_secret.json內容==  :::warning `redirect_uris`與`javascript_origins`這兩個欄位必須存在 如果不存在,就需要重新設定`OAuth用戶端ID` ::: >我們利用`google-OAuth-test.js`來產生`access_token` ```javascript= /*google-OAuth-test.js*/ constfs=require('fs'); constpath=require('path'); consthttp=require('http'); consturl=require('url'); constopn=require('open'); constaxios=require('axios'); constreadline=require('readline'); const{google}=require('googleapis'); constyoutube=google.youtube('v3');//google.options有設定oauth2Client之後會用那裏的驗證 constAPI_KEY='[YOUR_API_KEY]'; /** *TouseOAuth2authentication,weneedaccesstoaaCLIENT_ID,CLIENT_SECRET,ANDREDIRECT_URI.Togetthesecredentialsforyourapplication,visithttps://console.cloud.google.com/apis/credentials. */ constkeyPath=path.join(__dirname,'./client_secret.json');//設定client_secret.json放的位置 letkeys={}; if(fs.existsSync(keyPath)){ keys=require(keyPath).web; } /** *CreateanewOAuth2clientwiththeconfiguredkeys. */ constoauth2Client=newgoogle.auth.OAuth2( keys.client_id, keys.client_secret, keys.redirect_uris[0] ); /** *Thisisoneofthemanywaysyoucanconfiguregoogleapistouseauthenticationcredentials.Inthismethod,we'resettingaglobalreferenceforallAPIs.AnyotherAPIyouusehere,likegoogle.drive('v3'),willnowusethisauthclient.Youcanalsooverridetheauthclientattheserviceandmethodcalllevels. */ google.options({auth:oauth2Client}); /** *Openanhttpservertoaccepttheoauthcallback.Inthissimpleexample,theonlyrequesttoourwebserveristo/callback?code= */ asyncfunctionauthenticate(scopes){ returnnewPromise((resolve,reject)=>{ //grabtheurlthatwillbeusedforauthorization constauthorizeUrl=oauth2Client.generateAuthUrl({ access_type:'offline', scope:scopes.join(''), }); constserver=http .createServer((req,res)=>{ if(req.url.indexOf('/oauth2callback')>-1){ constqs=newurl.URL(req.url,'http://localhost:3000').searchParams; oauth2Client.getToken(qs.get('code')) .then(({tokens})=>{ //showaccess_tokenandapi_keytohtml res.end(`

Authenticationsuccessful!