xzzblog

Предисловие

Этот проект был написан в основном для обучения. Мне довелось изучить Node, а затем мне всегда хотелось написать собственную систему блогов, которая облегчила бы запись моей системы учебных знаний.
Все интерфейсные и внутренние коды этого проекта размещены на этом складе, включая администратора внутреннего управления, серверный сервер, интерфейсную сеть ПК, мобильный терминал и интерфейсную часть мини-программы uniapp.
Он развернут в Tencent Student Cloud Service. Я купил студенческий облачный сервер и доменное имя на несколько лет, когда учился самостоятельно в колледже. Обычно я возился с ним, изучая Linux, запуская сценарии, создавая веб-сайты и настраивая. блоги. Это очень здорово. Возможность самостоятельно развернуть веб-сайт также вызывает у меня интерес к изучению внешнего интерфейса.

Основной стек технологий

• Система управления бэкэндом: vue + elementui + vuex + vue-router + mavon-editor.
• Сервер: koa + mysql + Sequelize + jsonwebtoken
• Стойка регистрации ПК: vue + elementui + vuex + vue-router
• Мобильный терминал и мини-программа: uniapp

Видео демонстрация

• Подробная видеодемонстрация станции Б: https://www.bilibili.com/video/BV1Ur4y1v7ko/

Предварительный просмотр проекта

• Стойка регистрации ПК: http://blog.jzzz66.cn
• Мобильный H5: http://mblog.jzzz66.cn
• Мини-программа WeChat: блог Zhuzhu
  

Изменение конфигурации операционной среды

• Создайте базу данных myblog и импортируйте xzzblog.sql в корневой каталог проекта.
  Для создания базы данных и управления ею рекомендуется использовать программное обеспечение Navicat. Начальная фоновая учетная запись: admin. Начальный фоновый пароль: 123456.

Обратите внимание, что кодировка символов базы данных: utf8mb4, а правило сортировки: utf8mb4_unicode_ci.

• Изменить конфигурацию xzzblog-serve/config/index.js

 // 发送邮件配置
  NODEMAILER: {
    email: "[email protected]",
    pass: "",
    IMAP: "", // qq邮箱授权码
    POP3: "", // qq邮箱授权码
  },
  // 数据库配置
  MYSQL: {
    HOST: "127.0.0.1", // 数据库地址
    DATABASE: "myblog", // 数据库名
    USER: "root",  // 数据库用户名
    PASSWORD: "123456", // 数据库 密码
  },
  // 阿里云上传图片配置
  oss: {
    region: "oss-cn-guangzhou",
    accessKeyId: "",
    accessKeySecret: "",
    bucket: "",
  },
  // github登录授权配置
  client_secret: "f81479d7b37785afec4072e9783d1337a89e5c79",
  client_id: "280ef327e24a011a6f05",

процесс входа в github OAuth

1. Зарегистрируйте приложение OAuth APP
2. Сохранить client_id client_secret
3. Посетите GET: https://github.com/login/oauth/authorize?client_id=280ef327e24a011a6f05=user.
4. Перейдите по адресу http://localhost:3000/auth?code=8b309c4c403f95 и сохраните поле кода.
5. https://github.com/login/oauth/access_token Тело запроса POST: {client_id,client_secret,code} для получения токена
6. https://api/github.com/user POST-запрос: тело: {client_id,client_secret} заголовок: {Авторизация: токен-токен}

Последнее замечание

• Этот проект будет постоянно обновляться и поддерживаться. Если у вас есть какие-либо вопросы, свяжитесь со мной в любое время. Если он вам нравится, не забудьте отметить его. Спасибо за внимание.