電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル
やあ、元気?私は 18 歳のバックエンド開発者であり、意欲的な機械学習エンジニアです。この記事では、Python を使用して携帯電話で Web アプリを作成する方法について書いていきます 😁.掘り下げてみましょう。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183376.jpg)
要件
ここで最初に必要なのは、少なくともバージョン 6.0 以降の Android スマートフォンです。しかし、それで十分だと言ったらどうしますか?話がうますぎる。
次に行う必要があるのは、pydroid3 というモバイル アプリケーションを電話にインストールすることです。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183329.jpg)
ご覧のとおり、pydroid3 は携帯電話で Python を記述できるモバイル アプリケーションなので、インストールしてください。
次に行う必要があるのは、Django のインストールです。 Django に慣れていない場合は、こちらの Django ドキュメントを参照してください。
Django をインストールするには、pydroid3 でサイド ナビゲーションを開き、ターミナルを選択する必要があります。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183463.jpg)
それをクリックすると、次のように表示されます:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183492.jpg)
それが完了したら、あとは次のコマンドを入力するだけです:
pip install django
そして、以下を取得する必要があります。既にインストールしているため、「要件が満たされました」というメッセージが表示されます。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183420.jpg)
正常にインストールされましたが、それを確認しましょう。端末で django-admin
と入力します Enter キーを押します。
これを取得する必要があります:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183477.jpg)
これは、実際には既にインストールされていることを意味します。
プロジェクトのビルド方法
それでは、プロジェクトの構築を始めましょう。ターミナルを開き、次のコマンドを入力してください:
django-admin startproject myapp
これにより、ルート フォルダーに myapp という Django アプリケーションが作成されます。
cd myapp
と入力してディレクトリを変更します python manage.py runserver
と入力します .次に、これを取得する必要があります:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183548.jpg)
これでサーバーが起動しました。次に、ブラウザでテストするには、127.0.0.1:8000 にアクセスします。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183542.jpg)
そしてブーム! Django が正常にセットアップされたことがわかります。
次に行う必要があるのは、Django アプリを作成することです。 Django では、プロジェクト フォルダーがルートとして機能し、アプリがアプリケーション自体として機能します。
Django アプリを作成するには、まだディレクトリにいることを確認してから、python manage.py startapp todo
と入力します。 .これにより、次のように myapp プロジェクトに To-do アプリが作成されます。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183533.jpg)
次に、todo フォルダー内に次のような内容が表示されます。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183623.jpg)
作業を開始するときに、ファイルをさらに調べます。
アプリケーションの設定方法
それでは、アプリが Django プロジェクトによって提供されるようにしましょう。まず、settings.py
を開いてください myapp フォルダーのファイルに 'todo'
を追加します。 このようにインストールされたアプリに:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183600.jpg)
次に urls.py
を開く必要があります コードに以下を追加してください:
from django.urls import path, include
path('', include('todo.urls'))
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183656.jpg)
実際に起こったことは、 include
を追加したことです django.urls
から インポート パス。パスの下 (admin
) 、 urls.py
を指すか含む空のパスを作成しました todo app ディレクトリにあるファイル。それが明確であることを願っています。
次に、urls.py
という名前の todo ファイル ディレクトリに新しいファイルを作成する必要があります。 次のコードを追加します:
from django.urls import path
from . import views
urlpatterns = [
path('', views.index, name='home')
]
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183716.jpg)
path
をインポートしました Django.urls
から views
もインポートしました ルートディレクトリから。次に urlpatterns
を作成しました 最初の部分をルート リンクとして使用します。ご覧のとおり、views.index は、このビューを views.py
の index 関数に向けていることを意味しています。 ファイル。それがどのように機能するかはすぐにわかります。
views.py
に進みましょう ファイルにコードを追加してください。
上部に HttpResponse
をインポートします このように:
from django.http import HttpResponse
その下にこれを追加します:
def index(request):
return HttpResponse('Hello')
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183700.jpg)
ご覧のとおり、urls.py
で呼び出したインデックス関数を作成しました。 リクエストパラメータを渡しました。次に、HttpResponse
を返しました .
しかし HttpResponse
の前に django.http import HttpResponse
からインポートする必要があります。 – ABC と同じくらい簡単です。これを試してみましょう:端末を開いて cd で myapp に移動し、python manage.py runserver
と入力します。 テストします。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183874.jpg)
ご覧のとおり、応答が返されました。次に、テンプレート HTML ファイルを読み込みます。
HTML ファイルをロードするには、次の順序で todo ディレクトリに次のようなフォルダーを作成する必要があります。
todo/templates/todo
todo ディレクトリに、templates というフォルダーを作成します。そのフォルダー内に、todo というフォルダーを簡単に作成します。
次に、index.html という単純な HTML ファイルを作成し、次のように記述します。
<h1>Hello world</h1>
それをロードするには、 views.py
にしてください コードは次のようになります:
def index(request):
return render(request, 'todo/index.html')
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183804.jpg)
ここで、応答を返す代わりに、HTML テンプレートをレンダリングできるようにするレンダー ビューを返しました。これを保存して、ターミナル cd を開いて myapp に保存し、実行します。これが必要です
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183802.jpg)
ご覧のとおり、うまく機能しています。次のステップに進みます。
静的ファイルの設定方法
静的ファイルを設定するには、todo ディレクトリに新しいフォルダーを作成し、static という名前を付けます。そのフォルダー内にフォルダーを作成し、todo という名前を付けます。
したがって、次のようになります:/static/todo/
.
todo ディレクトリにファイルを作成し、main.css
という名前を付けます。 .次に、少しスタイルを書きましょう:
body {
background-color: red;
}
そして保存してください。
index.html
を再編集しましょう 次のコードを記述してファイルに保存します:
{% load static %}
<!Doctype html>
<html>
<head>
<title>My page</title>
<link rel="stylesheet" href="{% static 'todo/main.css' %}" >
</head>
<body>
Hello
</body>
</html>
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183989.jpg)
それでは実行してみましょう:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183978.jpg)
あなたが私と一緒にフォローしているなら、あなたは上記を持っているはずです.
モデルと管理パネルをロードする方法
管理パネルをロードするには、スーパーユーザーを作成する必要があります。これは簡単に実行できます。端末を開いて myapp フォルダーに移動し、python manage.py createsuperuser
と入力するだけです。 Enterキーを押します。これが表示されます:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183949.jpg)
python manage.py migrate
を実行していないため、エラーが発生します まだ。それを入力してEnterキーを押すと、次のようになります:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315183911.jpg)
python manage.py createsuperuser
と入力します。 Enter キーを押します:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184025.jpg)
資格情報を入力するだけです。次に行う必要があるのは、サーバーを実行して 127.0.0.1:8000/admin を指すことです。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184092.jpg)
ログインすると、ダッシュボードに移動します:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184038.jpg)
管理パネルを作成したので、モデル (データベース) を操作してみましょう。コンテンツを収集するモデルを作成します。 models.py
を開いてください ファイルに次のコードを入力してください:
class Post(models.Model):
content = models.CharField(max_length=255, null=False)
def __str__(self):
return self.content
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184117.jpg)
パラメータ models.Model
を持つクラスを作成します 変数 content
を与える CharField()
を保持する 、よりテキストフィールドに似ています。最後に魔法の str
を作成します オブジェクトの代わりにモデルの名前を返します。
次に、移行を実行する必要があります。ターミナルを開き、cd で myapp に移動し、python manage.py makemigrations
と入力します。 .これが表示されます:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184184.jpg)
これは、データベースに Post テーブルが作成されたことを意味します。次に python manage.py migrate
も実行します その結果、次のようになります:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184166.jpg)
これは、すべてが明確であることを意味します。管理ページに追加するには、admin.py
を開きます。 次のコードを入力してください:
from .models import *
admin.site.register(Post)
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184279.jpg)
モデルからすべてのモデル クラスをインポートし、投稿モデルを管理パネルに登録しました。管理パネルを開くと、投稿が表示され、データが保存されます。
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184241.jpg)
todo アプリのリストにあることに注意してください:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184305.jpg)
クリックすると、次のように表示されます:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184307.jpg)
その後、必要に応じて投稿を作成できます。
DB からビューにデータをレンダリングする方法
最後に、DB からデータをフェッチします。そのためには views.py
を更新する必要があります 次のように:
from .models import *
def index(request):
content = Post.objects.all()
context = {'content': content}
return render(request, 'todo/index.html', context)
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184324.jpg)
それと同じくらい簡単です:models.py
からすべてインポートしました 、content
という変数を作成しました 、テーブル Post からすべてのデータを取得しました。次に、それをディクショナリとしてビューに渡しました。 index.html にこれを追加するだけで機能します:
{% for contents in content %}
{{content.content}}
{% endfor %}
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184492.jpg)
ここでは、templates タグを使用してループを作成し、すべてのデータ コンテンツをフェッチしました。ターミナルを開き、cd で myapp にアクセスし、サーバーを実行して魔法が起こるのを確認してください:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184458.jpg)
動作しますが、動作することを確認しましょう:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184441.jpg)
結果は次のようになります:
![電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル](/article/uploadfiles/202210/2022101315184551.jpg)
Violà – うまくいきます。最後に、改行を追加して、より明確に読むことができます。
読んでくれてありがとう。詳細な Django チュートリアルをご覧になりたい場合は、私の YouTube チャンネル Devstack にアクセスして購読してください。
-
Android フォンで友人の iPhone を追跡する方法
スマートフォンを紛失することは最悪の悪夢です。連絡先、メディア ファイル、銀行や電子メールなどの排他的アクセスを失うからです。ありがたいことに、GPS と位置情報技術により、紛失したスマートフォンを追跡できるようになりました。 Android と iPhone の両方で動作する Google Play ストアと App Store には、多数のジオトラッキング アプリがあります。ただし、作業の手順とスタイルは両方の OS で同じですが、UI にわずかな違いがあります。これらのアプリの最も優れた点は、紛失した電話の追跡に役立つだけでなく、友人の紛失したスマートフォンも追跡できることです。 以下に
-
Android スマートフォンで Google アプリがクラッシュする問題を解決するには?
「Android フォンで Google アプリがクラッシュする」 Android フォンでクラッシュしたすべてのアプリの中で、Android オペレーティング システムが Google アプリを実行できなくなり、クラッシュする日が来るとは思いもしませんでした。結局のところ、Android を作成したのは Google であり、このクラッシュは特定のブランドのスマートフォンに限定されたものではなく、Samsung、Xiaomi、さらには Google の Pixel などのほとんどのスマートフォンで発生しています。この記事では、Android スマートフォンでクラッシュし続ける Google