지식은 제로지만 드롭박스 API를 사용하고 싶어요
11768 단어 JavaScriptDropbox초학자
Dropbox와 데이터를 교환하고 싶어요!
지식은 전혀 없지만 드롭박스에서 데이터를 얻으려고 합니다.파일을 올리고 싶습니다.
아마도 나만 이런 일을 고려할 것이다.
아마 자바스크립트를 보통 배우면 공식 사이트보면 이해할 수 있을 거예요.그래서(?)"Dropbox API"로 검색하면 정보도 별로 없어요(말하자면 필요없을 수도 있어요).
자신이 쓴 노트로서 오류가 발생하지 않고 복사할 수 있는 코드를 먼저 남긴다.
차리다
드롭박스를 연결하기 위한 준비로'드롭박스 애플리케이션'을 만들 필요가 있다.
1. 드롭박스로 앱 만들기
초기 설정을 위해 공식 사이트에서 응용 프로그램 만들기를 클릭합니다.
2. 액세스 토큰 만들기
'Generate'단추(주황색으로 둘러싸인 곳)를 누르면 Dropbox에 접근하는 접근 영패가 만들어집니다.사전에 수첩에 복사해라.(이 문자열이 외부로 유출되면 다른 사람도 접근할 수 있음을 주의하십시오.)
3. JavaScript 라이브러리 "axios"의 읽기
위와 같이 Dropbox 측면의 설정은 다음과 같은 JavaScript의 HTML 측면을 읽는 설정입니다.
이 페이지에 기재된 코드는 JavaScript 라이브러리의 "axios"를 사용하기 때문에 프로그램 라이브러리를 읽어야 합니다.
<head>～</head>에 다음과 같이 기재되어 있다.Index.html
<head>
<meta charset="utf-8">
<title>INDEX</title>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
JavaScript를 사용하여 Dropbox와 데이터 송수신
프로그램 설정이 끝나면 준비가 끝납니다.
여러 가지 조작이 가능한 경우에만 최소한이지만 이후 참조Dropbox API Explorer해 필요한 부분을 변경하면 그에 맞게 사용할 수 있다.또한 모든 코드는 다음을 기준으로 합니다.
Dropbox에서 데이터 다운로드
DropboxDownload.js
function DropboxDownload() {
axios({
method: 'post',
url: 'https://content.dropboxapi.com/2/files/download',
headers: {
'Authorization': 'Bearer メモしたアクセストークン',
'Content-Type': 'application/octet-stream',
'Dropbox-API-Arg': JSON.stringify({
"path":"ダウンロードするファイル名"})
}
})
.then(response => {
//接続に成功した場合の処理
})
.catch(error => {
//接続に失敗した場合の処理
})
.then(() => {
// 成功or失敗にかかわらず最後に実行するコード
})
};
Dropbox에 텍스트 업로드
DropboxTextUpload.js
function DropboxTextUpload() {
axios({
method: 'post',
url: 'https://content.dropboxapi.com/2/files/upload',
data: 'このテキストがアップロードされます', //アップロードするテキスト
headers: {
'Authorization': 'Bearer メモしたアクセストークン',
'Content-Type': 'application/octet-stream',
'Dropbox-API-Arg': JSON.stringify({
"path": "/Upload.txt", //アップロード時のファイルパス
"mode": "overwrite"}) //モード(下記参照)
}
})
.then(response => {
//接続に成功した場合の処理
})
.catch(error => {
//接続に失敗した場合の処理
})
.then(() => {
// 成功or失敗にかかわらず最後に実行するコード
})
};
Dropbox에 파일 업로드
DropboxFileUpload.js
Dropbox에서 폴더 만들기
DropboxMakeNewFolder.js
function DropboxMakeNewFolder() {
axios({
method: 'post',
url: 'https://api.dropboxapi.com/2/files/create_folder_v2',
data: JSON.stringify({
"path": "作成するフォルダのパス",
"autorename": false}), //autorenameについて：下記参照
headers: {
'Authorization': 'Bearer メモしたアクセストークン',
'Content-Type': 'application/json'
}
})
.then(response => {
//接続に成功した場合の処理
})
.catch(error => {
//接続に失敗した場合の処理
})
.then(() => {
// 成功or失敗にかかわらず最後に実行するコード
})
};
Reference
이 문제에 관하여(지식은 제로지만 드롭박스 API를 사용하고 싶어요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Ella_Engelhardt/items/c33f08b6b427eab8b310텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
