Django、Twilio、Pinata を使用した安全な匿名フィードバック システムの構築
このガイドでは、Django、SMS 通知用の Twilio、安全なメディア アップロード用の Pinata、レスポンシブ スタイル用の TailwindCSS を使用して、安全な匿名フィードバック システムを構築する手順を説明します。このチュートリアルを完了すると、ユーザーがフィードバックを送信したり、オプションでメディアをアップロードしたり、SMS 通知を受信したりできる、すべてセキュリティとプライバシーを考慮した完全に機能するフィードバック システムが完成します。
デモ: ライブリンク
主な特徴:
- 匿名のフィードバック送信: ユーザーはフィードバックやサポート リクエストを匿名で送信できます。
- 安全なメディア アップロード: ユーザーは、IPFS に保存されているメディア ファイルを Pinata 経由で安全にアップロードできます。
- Twilio SMS 通知: Twilio 経由でユーザーに SMS 確認を自動的に送信します。
- レスポンシブ UI: TailwindCSS でスタイル設定され、シームレスでモダンなデザインを実現します。
使用されているテクノロジー:
- Django: フィードバック システムのバックエンド フレームワーク。
- Twilio: SMS 通知を処理します。
- Pinata: IPFS ベースの安全なメディア ストレージを提供します。
- TailwindCSS: レスポンシブなフロントエンド スタイル用。
ステップ 1: プロジェクトのセットアップと依存関係
1.1.仮想環境の作成とセットアップ
まず、プロジェクト環境をセットアップします。 Python がインストールされていることを確認し、仮想環境をセットアップしてください:
python3 -m venv venv source venv/bin/activate
Windows の場合:
venv\Scripts\activate
必要なパッケージをインストールします:
pip install django twilio python-decouple requests gunicorn
1.2. Django プロジェクトを開始する
新しい Django プロジェクトとアプリを初期化します:
django-admin startproject config . python manage.py startapp feedback
ステップ 2: フィードバック送信システムを構築する
2.1.フィードバック モデルを作成する
フィードバックの送信を Facebook/models.py に保存するモデルを定義します:
from django.db import models
class Feedback(models.Model):
message = models.TextField()
sender_email = models.EmailField()
sender_phone = models.CharField(max_length=15)
media_url = models.URLField(null=True, blank=True)
created_at = models.DateTimeField(auto_now_add=True)
def __str__(self):
return f"Feedback from {self.sender_email}"
このモデルは、フィードバック、電子メール、電話番号、およびオプションのメディア URL をキャプチャします。
2.2.フィードバックと SMS 通知を処理するためのビューを作成する
Facebook/views.py で、フィードバックを処理し、SMS 通知を送信するためのビューを作成します。
from django.shortcuts import render
from django.http import HttpResponse
from .models import Feedback
from twilio.rest import Client
from django.conf import settings
import requests
def upload_to_pinata(file):
url = "https://api.pinata.cloud/pinning/pinFileToIPFS"
headers = {
'pinata_api_key': settings.PINATA_API_KEY,
'pinata_secret_api_key': settings.PINATA_SECRET_API_KEY,
}
files = {'file': file}
response = requests.post(url, files=files, headers=headers)
return response.json().get('IpfsHash')
def submit_feedback(request):
if request.method == 'POST':
message = request.POST.get('message')
sender_email = request.POST.get('sender_email')
sender_phone = request.POST.get('sender_phone')
file = request.FILES.get('media_file', None)
media_url = None
if file:
media_url = upload_to_pinata(file)
feedback = Feedback.objects.create(
message=message,
sender_email=sender_email,
sender_phone=sender_phone,
media_url=media_url
)
# Send SMS using Twilio
client = Client(settings.TWILIO_ACCOUNT_SID, settings.TWILIO_AUTH_TOKEN)
client.messages.create(
body=f"Feedback received from {sender_phone}: {message}",
from_=settings.TWILIO_PHONE_NUMBER,
to=sender_phone
)
return HttpResponse("Feedback submitted successfully!")
return render(request, 'feedback_form.html')
このビューはフォームの送信を処理し、オプションのメディアを Pinata にアップロードし、Twilio を使用して SMS を送信します。
2.3.フィードバックフォームの作成
フィードバックを送信するための HTML フォームを作成します。テンプレート フォルダーに、feedback_form.html:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Submit Feedback</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100">
<div class="container mx-auto px-4 py-6">
<h1 class="text-3xl font-bold text-center">Submit Feedback</h1>
<form method="POST" action="" enctype="multipart/form-data" class="bg-white p-6 rounded shadow-md">
{% csrf_token %}
<div class="mb-4">
<label for="message" class="block text-lg font-semibold">Your Feedback</label>
<textarea name="message" id="message" class="w-full p-2 border rounded" required></textarea>
</div>
<div class="mb-4">
<label for="sender_email" class="block text-lg font-semibold">Your Email</label>
<input type="email" name="sender_email" id="sender_email" class="w-full p-2 border rounded" required>
</div>
<div class="mb-4">
<label for="sender_phone" class="block text-lg font-semibold">Your Phone Number</label>
<input type="tel" name="sender_phone" id="sender_phone" class="w-full p-2 border rounded" required>
</div>
<div class="mb-4">
<label for="media_file" class="block text-lg font-semibold">Upload Media (Optional)</label>
<input type="file" name="media_file" id="media_file" class="w-full p-2 border rounded">
</div>
<div class="text-center">
<button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Submit</button>
</div>
</form>
</div>
</body>
</html>
フロントエンドのイメージ
アップロードされたファイルを表示するピニャータ ダッシュボードの画像
ステップ 3: Twilio と Pinata の構成
3.1.環境変数を設定する
プロジェクトのルート ディレクトリに .env ファイルを作成して、Twilio や Pinata API キーなどの機密情報を保存します:
SECRET_KEY=your-django-secret-key DEBUG=True TWILIO_ACCOUNT_SID=your_twilio_account_sid TWILIO_AUTH_TOKEN=your_twilio_auth_token TWILIO_PHONE_NUMBER=your_twilio_phone_number PINATA_API_KEY=your_pinata_api_key PINATA_SECRET_API_KEY=your_pinata_secret_api_key
GitHub にプッシュされないように、.gitignore ファイルに .env を必ず追加してください:
.env
3.2.環境変数を使用するように settings.py を更新
Python-decouple を使用して、.env ファイルから環境変数を安全にロードします:
from decouple import config
SECRET_KEY = config('SECRET_KEY')
DEBUG = config('DEBUG', default=False, cast=bool)
TWILIO_ACCOUNT_SID = config('TWILIO_ACCOUNT_SID')
TWILIO_AUTH_TOKEN = config('TWILIO_AUTH_TOKEN')
TWILIO_PHONE_NUMBER = config('TWILIO_PHONE_NUMBER')
PINATA_API_KEY = config('PINATA_API_KEY')
PINATA_SECRET_API_KEY = config('PINATA_SECRET_API_KEY')
ステップ 4: GitHub へのプッシュ
4.1. Git を初期化して GitHub にプッシュする
- プロジェクトのルートで Git リポジトリを初期化します:
git init git add . git commit -m "Initial commit for feedback system"
- GitHub リポジトリをリモートとして追加し、プロジェクトをプッシュします。
<p>git remote add origin https://github.com/yourusername/feedback-system.git<br> git push -u origin main</p>
結論
このチュートリアルでは、Django、SMS 通知用の Twilio、メディア アップロード用の Pinata を使用して、安全な匿名フィードバック システムを構築しました。また、プロジェクトを GitHub にプッシュし、環境変数を使用して機密情報を保護する方法も学びました。このシステムはプライバシーを確保しながら、ユーザーがフィードバックを送信したり SMS 通知を受信したりできるようにします。
機能を追加したり、セキュリティを強化したりして、システムをさらに拡張してください。このガイドが役に立ったと思われる場合は、コメントでフィードバックや質問を共有してください!
プロジェクトのリポジトリはここにあります: リポジトリ
以上がDjango、Twilio、Pinata を使用した安全な匿名フィードバック システムの構築の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
1672
14
1428
52
1332
25
1277
29
1257
24
Python vs. C：曲線と使いやすさの学習
Apr 19, 2025 am 12:20 AM
Pythonは学習と使用が簡単ですが、Cはより強力ですが複雑です。 1。Python構文は簡潔で初心者に適しています。動的なタイピングと自動メモリ管理により、使いやすくなりますが、ランタイムエラーを引き起こす可能性があります。 2.Cは、高性能アプリケーションに適した低レベルの制御と高度な機能を提供しますが、学習しきい値が高く、手動メモリとタイプの安全管理が必要です。
Pythonの学習：2時間の毎日の研究で十分ですか？
Apr 18, 2025 am 12:22 AM
Pythonを1日2時間学ぶだけで十分ですか？それはあなたの目標と学習方法に依存します。 1）明確な学習計画を策定し、2）適切な学習リソースと方法を選択します。3）実践的な実践とレビューとレビューと統合を練習および統合し、統合すると、この期間中にPythonの基本的な知識と高度な機能を徐々に習得できます。
Python vs. C：パフォーマンスと効率の探索
Apr 18, 2025 am 12:20 AM
Pythonは開発効率でCよりも優れていますが、Cは実行パフォーマンスが高くなっています。 1。Pythonの簡潔な構文とリッチライブラリは、開発効率を向上させます。 2.Cのコンピレーションタイプの特性とハードウェア制御により、実行パフォーマンスが向上します。選択を行うときは、プロジェクトのニーズに基づいて開発速度と実行効率を比較検討する必要があります。
Python vs. C：重要な違いを理解します
Apr 21, 2025 am 12:18 AM
PythonとCにはそれぞれ独自の利点があり、選択はプロジェクトの要件に基づいている必要があります。 1）Pythonは、簡潔な構文と動的タイピングのため、迅速な開発とデータ処理に適しています。 2）Cは、静的なタイピングと手動メモリ管理により、高性能およびシステムプログラミングに適しています。
Python Standard Libraryの一部はどれですか：リストまたは配列はどれですか？
Apr 27, 2025 am 12:03 AM
PythonListSarePartOfThestAndardarenot.liestareBuilting-in、versatile、forStoringCollectionsのpythonlistarepart。
Python：自動化、スクリプト、およびタスク管理
Apr 16, 2025 am 12:14 AM
Pythonは、自動化、スクリプト、およびタスク管理に優れています。 1）自動化：OSやShutilなどの標準ライブラリを介してファイルバックアップが実現されます。 2）スクリプトの書き込み：Psutilライブラリを使用してシステムリソースを監視します。 3）タスク管理：スケジュールライブラリを使用してタスクをスケジュールします。 Pythonの使いやすさと豊富なライブラリサポートにより、これらの分野で優先ツールになります。
科学コンピューティングのためのPython：詳細な外観
Apr 19, 2025 am 12:15 AM
科学コンピューティングにおけるPythonのアプリケーションには、データ分析、機械学習、数値シミュレーション、視覚化が含まれます。 1.numpyは、効率的な多次元配列と数学的関数を提供します。 2。ScipyはNumpy機能を拡張し、最適化と線形代数ツールを提供します。 3. Pandasは、データ処理と分析に使用されます。 4.matplotlibは、さまざまなグラフと視覚的な結果を生成するために使用されます。
Web開発用のPython：主要なアプリケーション
Apr 18, 2025 am 12:20 AM
Web開発におけるPythonの主要なアプリケーションには、DjangoおよびFlaskフレームワークの使用、API開発、データ分析と視覚化、機械学習とAI、およびパフォーマンスの最適化が含まれます。 1。DjangoandFlask Framework：Djangoは、複雑な用途の迅速な発展に適しており、Flaskは小規模または高度にカスタマイズされたプロジェクトに適しています。 2。API開発：フラスコまたはdjangorestFrameworkを使用して、Restfulapiを構築します。 3。データ分析と視覚化：Pythonを使用してデータを処理し、Webインターフェイスを介して表示します。 4。機械学習とAI：Pythonは、インテリジェントWebアプリケーションを構築するために使用されます。 5。パフォーマンスの最適化：非同期プログラミング、キャッシュ、コードを通じて最適化
