演習 – ユーザー ファイルをダウンロードする

完了

この演習では、ファイル名を選択してファイルをダウンロードできるように、アプリのダウンロード機能を完了します。

1. 次の関数を graph.js ファイルの最後に追加します。

   async function downloadFile(file) {
     try {
       const response = await graphClient
           .api(`/me/drive/items/${file.id}`)
           .select('@microsoft.graph.downloadUrl')
           .get();
       const downloadUrl = response["@microsoft.graph.downloadUrl"];
       window.open(downloadUrl, "_self");
     } catch (error) {
       console.error(error);
     }
   }
   

2. ui.js で、a.href = assignment ステートメントの下に次の行を追加します。

   a.onclick = () => { downloadFile(file); };
   

   完成した displayFiles() 関数は次のようになります:

   async function displayFiles() {
     const files = await getFiles();
     const ul = document.getElementById('downloadLinks');
     while (ul.firstChild) {
       ul.removeChild(ul.firstChild);
     }
     for (let file of files) {
       if (!file.folder && !file.package) {
         let a = document.createElement('a');
         a.href = '#';
         a.onclick = () => { downloadFile(file); };
         a.appendChild(document.createTextNode(file.name));
         let li = document.createElement('li');
         li.appendChild(a);
         ul.appendChild(li);
       }
     }
   }
   

3. 次に、ページを更新します。 ダウンロードするファイルを選択できるはずです。