З версії 4.0.0 драйвера MongoDB більше не потрібно використовувати useNewUrlParser і useUnifiedTopology.

текст перекладу
Не потрібно використовувати useNewUrlParser і useUnifiedTopology з версії MongoDB Driver 4.0.0 і вище, оскільки ці функції використовуються за замовчуванням у нових версіях драйвера MongoDB.

Автор працює над проєктом на Node.js + Express і з'єднується з MongoDB через Mongoose, і зіткнувся з проблемою, тому вирішив поділитись вирішенням.

Проблема

mongoose.connect(dbUrl,{  
 useNewUrlParser:true,  
 useUnifiedTopology:true  
}).catch(err=>console.log(err))

pic

Повний код у файлі product.js

// Використовуємо mongoose  
const mongoose = require('mongoose')  
// Підключення до MongoDB  
const dbUrl = 'mongodb://localhost:27017/productDB'  
mongoose.connect(dbUrl,{  
 useNewUrlParser:true,  
 useUnifiedTopology:true  
}).catch(err=>console.log(err))  
// Створення Schema  
let productSchema = mongoose.Schema({  
 name:String,  
 price:Number,  
 image:String,  
 description:String  
})  
// Створення Model  
let Product = mongoose.model("products",productSchema)  

// Експортуємо Model  
module.exports 
Читати далі

Створіть інтерактивного чат-бота на основі штучного інтелекту з Django та ChatGPT

pic

Зображення згенероване DALL.E

Коли-небудь замислювалися, як інтегрувати інтелект ChatGPT у свій веб-застосунок? Уявіть собі чат-бота, який не тільки розуміє введені користувачем повідомлення, але й генерує продумані, орієнтовані на AI відповіді в реальному часі. У цьому посібнику ми крок за кроком навчимо вас створювати інтерактивного чат-бота за допомогою Django та потужного API OpenAI. Якщо ви тільки починаєте працювати з Django або хочете розширити свої навички програмування, цей проєкт дасть вам чудову можливість створити щось корисне. В кінці у вас буде функціональний чат-бот і глибше розуміння того, як ефективно інтегрувати зовнішні API в Django.

Перейдіть за цим посиланням, щоб отримати ваш API … Читати далі

Розгортання Docker-застосунку Django на AWS ECS Fargate за допомогою GitHub Actions та Terraform

pic

Зміст:

  1. Створення EC2 Ubuntu інстансу
  2. Встановлення пакетів на EC2 інстанс (Docker, AWS CLI)
  3. Налаштування AWS CLI на EC2, також на локальній машині
  4. Налаштування самохостингового (Self Hosted) рнера на EC2
  5. Створення секрету бази даних (пароль) в AWS Secret Manager з ім'ям ‘/dev/djangoapi/db/password’
  6. Створення ECR репозиторію в AWS
  7. Створення CI/CD конвеєра за допомогою Github Actions
  8. Github Actions (Збірка)
  9. Створення інфраструктури за допомогою Terraform
  10. Github Actions (Збірка та деплой)
  11. Додавання SSL та домену.

Весь код доступний в репозиторії GitHub → https://github.com/rahulwath/django-aws-ecs-terraform

1. Створення EC2 Ubuntu інстансу

Першим кроком для деплою Django застосунку на AWS є створення EC2 інстансу. EC2 інстанс — це віртуальний … Читати далі

Проект системи управління запасами на Django з вихідним кодом

Проєкт Системи управління запасами створено на основі Python, Django та SQLITE3 Database.

Цей проєкт ідеально підходить для вимірювання вашого бізнесу і є підходящим для будь-якої форми бізнесу, що продає товари, а не послуги.

Ця система генерує детальний список усіх відгуків, написаних адміністратором.

pic

Корпорація або бізнес може використовувати систему для відслідковування своїх товарів/запасів, продажів та інших супутніх операцій.

Звіти, такі як Звіт про продажі, Звіт про повернення товарів та інші, генеруються цим проєктом.

Проєкт Системи управління запасами в Django: функції адміністратора

  • Сторінка входу — Сторінка, на якій адміністратор системи вводить свої облікові дані для доступу до адміністративної частини системи.
Читати далі

Як додати вхід через Google до вашого Django-додатку?

Всі посібники, які я бачив про додавання входу через Google до Django, роблять це надто складним (наприклад, Django-allauth або Django-social-auth).

Ми додамо вхід через Google найпростішим способом:

  1. Відображення HTML-сторінки з тегом скрипта Google, який додає кнопку входу. Після натискання на неї користувач побачить спливаюче вікно для входу в Google.
  2. Після входу Google перенаправить користувача (через POST) на вказану сторінку нашого сайту.
  3. Ми отримаємо інформацію користувача з Google (наприклад, email) з POST-запиту.

Почнемо 🚀

0. Налаштування нашого Django додатку

  • Встановимо пакунки та створимо наш Django додаток
pip install django python-dotenv google-api-python-client  
django-admin startproject core .  
python manage.py startapp sim
  • Додаємо наш
Читати далі

Як створити генератор QR-кодів у React

pic

генератор QR-кодів

QR-коди стали невід’ємною частиною нашого повсякденного життя, надаючи зручний спосіб обміну інформацією. Будь то URL сайту, контактні дані чи інші відомості, QR-коди спрощують процес обміну. У цьому блозі буде детально описано процес створення генератора QR-кодів за допомогою React крок за кроком.

Чому варто використовувати React для генератора QR-кодів?

React — це популярна JavaScript бібліотека для створення користувацьких інтерфейсів. Її компонентна архітектура дозволяє створювати багаторазово використовуваний і модульний код, що робить її відмінним вибором для розробки генератора QR-кодів. Крім того, велика кількість бібліотек в екосистемі React спрощує завдання, такі як генерація QR-кодів.

Попередні вимоги

Перед початком роботи переконайтесь, що … Читати далі

Redux Toolkit: `extraReducers` — важливість і використання

Redux Toolkit — це бібліотека, яка розроблена для того, щоб зробити роботу з Redux легшою та ефективнішою. extraReducers є однією з її ключових особливостей і надає більш гнучке управління станом. У цій статті ми розглянемо, що таке extraReducers, чому це важливо та як його використовувати.

Що таке extraReducers?

extraReducers — це можливість Redux Toolkit, що дозволяє одному slice реагувати на інші action-и або асинхронні операції, що виходять за межі стандартних reducer-ів цього slice. Це дає змогу одному slice керувати action-ами іншого slice або вже визначеними асинхронними операціями.

Важливість використання extraReducers

  1. Асинхронне управління станом: Одна з ключових можливостей Redux
Читати далі

Розкриття потужності React та Next.js для створення високопродуктивних веб-додатків

У постійно змінюваному ландшафті сучасної веб-розробки, вибір правильних інструментів для створення швидких, масштабованих і підтримуваних додатків може бути вирішальним між успіхом і провалом. Серед багатьох доступних фреймворків і бібліотек, React та Next.js вирізняються як два потужні інструменти, що допомагають розробникам створювати безперервні, орієнтовані на продуктивність додатки. Давайте розглянемо, чому React та Next.js — це ідеальна комбінація для створення високопродуктивних веб-додатків.

1. Що таке React?

React — це бібліотека JavaScript, розроблена компанією Facebook для створення інтерфейсів користувача. Вона дозволяє розробникам створювати багаторазові компоненти UI, що керують власним станом, що полегшує створення динамічних, адаптивних веб-додатків. З React ви можете розділяти інтерфейс на … Читати далі

Операції CRUD у React JS

Вітаю всіх! Давайте поговоримо про те, як створити операції CRUD в React JS і Tailwind з використанням Local Storage з нуля. Це простий, але корисний проект для всіх, хто займається розробкою. Операції create, read, update, delete використовуються в кожному додатку, тому ви можете навчитися, як використовувати React JS і Tailwind для їх реалізації.

Операції CRUD — створення, читання, оновлення та видалення — необхідні для багатьох веб-завдань. Вони дозволяють клієнтам динамічно працювати з інформацією, роблячи робочі процеси більш корисними та зручними для користувачів. Поєднання React JS і TailwindCSS спрощує цей підхід, поєднуючи високу ефективність із стильним дизайном.

pic

Є чотири основні вимоги … Читати далі

Освоєння навігації в Remix: Посібник з хука useNavigation

pic

У Remix, useNavigation — це хук, наданий фреймворком для відстеження стану навігації в межах вашого застосунку. Він особливо корисний для визначення, чи триває навігація, а також для отримання супутніх деталей, таких як тип навігації або цільовий маршрут.

Що робить useNavigation?

Хук useNavigation надає інформацію про поточний процес навігації. Він повертає об'єкт з деталями про поточний стан навігації. Основні властивості включають:

1. state:

Вказує на стан навігації, який може бути одним із наступних:

"idle": Навігація не відбувається.

"submitting": Відправляється форма.

"loading": Завантажується сторінка або ресурс.

2. location:

Об'єкт Location цільового маршруту, доступний під час навігації.… Читати далі