Можно ли использовать ванильный JavaScript с GitHub API для публикации в моем репозитории со страницы HTML с использован ⇐ Html

[Anonymous]

Я хочу использовать Just Vanilla JS для публикации в моем публичном репозитории GitHub, используя GitHub API с моей веб -страницы HTML, которую я создал, просто используя JavaScript без библиотек. Я хочу обновить файл JSON, который находится в моем репозитории. Репозиторий общедоступен, и я получил секретный токен и идентификатор клиента и идентификатор клиента, следуя запросу в Post на Github API < /p>
Я обнаружил на странице GitHub, что есть примеры с «Octokit», и на странице GitHub может просто использовать Vanilla JS. Так как они говорят: «Github рекомендует использовать octokit.js sdk». Если они рекомендуют octokit, это может означать, что есть и другие способы без Octokit. < /P>
Я не могу найти никакой документации прямо сейчас только для ванили JS и Github API.let clientId ="CLIENT_ID_TEST";
let token ="GIT_HUB_TOKEN";

fetch(`https://api.github.com/repos/myGithubUs ... en=${token}`, {
method: "POST",
headers: { 'Content-Type': 'application/json'},
body: JSON.stringify('The update - json structure or txt - that the file will be updated with')
}).then(response => {
console.log("Request complete! response:", response);
});
< /code>
Обновление < /strong> < /p>
Я не уверен, что произошло с предложенным решением в единственном ответе /решении, которое было опубликовано, он просто исчез. localhost: 8080/index.html - Репозиторий GitHub был обновлен, и это не существует проблемы CORS. Вначале я стал несанкционированным, но пошел в GitHub и добавил несколько разных токенов для теста, и он внезапно сработал.
Спасибо за ответ.// Replace with your details
const owner = "githubUserName";
const repo = "repositoryName";
const path = "test.json";
const token = "GithubToken"; // Use a personal access token with 'repo' scope

// New JSON content
const newContent = {
title: "Book",
author: "The name of author",
price: 29.99
};

// Function to get the file's SHA
async function getFileSha() {
try {
const response = await fetch(
`https://api.github.com/repos/${owner}/$ ... nts/${path}`,
{
method: "GET",
headers: {
"Authorization": `token ${token}`,
"Accept": "application/vnd.github.v3+json",
"Content-Type": "application/json"
}
}
);
if (!response.ok)
{
if (response.status === 404) return null; // File doesn't exist
throw new Error(`Failed to fetch SHA: ${response.statusText}`);
}

const data = await response.json();
return data.sha;
}

catch (error)
{
console.error("Error fetching SHA:", error);
return null;
}
}

// Function to update the JSON file
async function updateJsonFile() {
try {
const sha = await getFileSha();
const contentBase64 = btoa(JSON.stringify(newContent, null, 2));

const body = {
message: "Update myfile.json via API",
content: contentBase64,
sha: sha // Omit if creating a new file
};

const response = await fetch(
`https://api.github.com/repos/${owner}/$ ... nts/${path}`,
{
method: "PUT",
headers: {
"Authorization": `token ${token}`,
"Accept": "application/vnd.github.v3+json",
"Content-Type": "application/json"
},
body: JSON.stringify(body)
}
);

if (!response.ok) {
const errorData = await response.json();
throw new Error(`Failed to update file: ${errorData.message}`);
}

const result = await response.json();
console.log("File updated! Commit URL:", result.commit.html_url);
} catch (error) {
console.error("Error updating file:", error);
}
}
updateJsonFile();


Подробнее здесь: https://stackoverflow.com/questions/796 ... -repositor