gist Access

gist-access.markdown

gist Access

A Pen by nojaja on CodePen.

License.

index.html

<button onclick="gitlogin()">GIT Login</button>
<button onclick="CreateGist()">Create Gist</button> 

script.js

var token="";
/*
Assuming jQuery Ajax instead of vanilla XHR
*/
function gitlogin() {
  //Get Github Authorization Token with proper scope, print to console
  $.ajax({ 
      url: 'https://api.github.com/authorizations',
      type: 'POST',
      beforeSend: function(xhr) { 
          var name=prompt("GIT Login USERNAME",""); 
          var pass=prompt("GIT Login PASSWORD",""); 
          xhr.setRequestHeader("Authorization", "Basic " + btoa(name+":"+pass)); 
      },
      data: '{"scopes":["gist"],"note":"ajax gist test for a user"}'
  }).done(function(response) {
      console.log(response);
    token=response.token;
  });
}

function CreateGist() {
  //Create a Gist with token from above
  $.ajax({ 
      url: 'https://api.github.com/gists',
      type: 'POST',
      beforeSend: function(xhr) { 
          xhr.setRequestHeader("Authorization","token "+token); 
      },
      data: '{"description": "a gist for a user with token api call via ajax","public": true,"files": {"file1.txt": {"content": "String file contents via ajax"}}}'
  }).done(function(response) {
      console.log(response);
  }).fail(function(jqXHR, textStatus, errorThrown){
  // エラーの場合処理
      console.log(jqXHR,textStatus,errorThrown);
});
}


function PachGist() {
  //Using Gist ID from the response above, we edit the Gist with Ajax PATCH request
  $.ajax({ 
      url: 'https://api.github.com/gists/GIST-ID-FROM-PREVIOUS-CALL',
      type: 'PATCH',
      beforeSend: function(xhr) { 
          xhr.setRequestHeader("Authorization", "token TOKEN-FROM-AUTHORIZATION-CALL"); 
      },
      data: '{"description": "updated gist via ajax","public": true,"files": {"file1.txt": {"content": "updated String file contents via ajax"}}}'
  }).done(function(response) {
      console.log(response);
  });
}

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>