Android
 Computer >> コンピューター >  >> システム >> Android

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

やあ、元気?私は 18 歳のバックエンド開発者であり、意欲的な機械学習エンジニアです。この記事では、Python を使用して携帯電話で Web アプリを作成する方法について書いていきます 😁.掘り下げてみましょう。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

要件

ここで最初に必要なのは、少なくともバージョン 6.0 以降の Android スマートフォンです。しかし、それで十分だと言ったらどうしますか?話がうますぎる。

次に行う必要があるのは、pydroid3 というモバイル アプリケーションを電話にインストールすることです。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

ご覧のとおり、pydroid3 は携帯電話で Python を記述できるモバイル アプリケーションなので、インストールしてください。

次に行う必要があるのは、Django のインストールです。 Django に慣れていない場合は、こちらの Django ドキュメントを参照してください。

Django をインストールするには、pydroid3 でサイド ナビゲーションを開き、ターミナルを選択する必要があります。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

それをクリックすると、次のように表示されます:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

それが完了したら、あとは次のコマンドを入力するだけです:

pip install django

そして、以下を取得する必要があります。既にインストールしているため、「要件が満たされました」というメッセージが表示されます。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

正常にインストールされましたが、それを確認しましょう。端末で django-admin と入力します Enter キーを押します。

これを取得する必要があります:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

これは、実際には既にインストールされていることを意味します。

プロジェクトのビルド方法

それでは、プロジェクトの構築を始めましょう。ターミナルを開き、次のコマンドを入力してください:

django-admin startproject myapp

これにより、ルート フォルダーに myapp という Django アプリケーションが作成されます。

cd myapp と入力してディレクトリを変更します python manage.py runserver と入力します .次に、これを取得する必要があります:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

これでサーバーが起動しました。次に、ブラウザでテストするには、127.0.0.1:8000 にアクセスします。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

そしてブーム! Django が正常にセットアップされたことがわかります。

次に行う必要があるのは、Django アプリを作成することです。 Django では、プロジェクト フォルダーがルートとして機能し、アプリがアプリケーション自体として機能します。

Django アプリを作成するには、まだディレクトリにいることを確認してから、python manage.py startapp todo と入力します。 .これにより、次のように myapp プロジェクトに To-do アプリが作成されます。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

次に、todo フォルダー内に次のような内容が表示されます。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

作業を開始するときに、ファイルをさらに調べます。

アプリケーションの設定方法

それでは、アプリが Django プロジェクトによって提供されるようにしましょう。まず、settings.py を開いてください myapp フォルダーのファイルに 'todo' を追加します。 このようにインストールされたアプリに:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

次に urls.py を開く必要があります コードに以下を追加してください:

from django.urls import path, include

path('', include('todo.urls'))
電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

実際に起こったことは、 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 アプリ チュートリアル

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 アプリ チュートリアル

ご覧のとおり、urls.py で呼び出したインデックス関数を作成しました。 リクエストパラメータを渡しました。次に、HttpResponse を返しました .

しかし HttpResponse の前に django.http import HttpResponse からインポートする必要があります。 – ABC と同じくらい簡単です。これを試してみましょう:端末を開いて cd で myapp に移動し、python manage.py runserver と入力します。 テストします。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

ご覧のとおり、応答が返されました。次に、テンプレート 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 アプリ チュートリアル

ここで、応答を返す代わりに、HTML テンプレートをレンダリングできるようにするレンダー ビューを返しました。これを保存して、ターミナル cd を開いて myapp に保存し、実行します。これが必要です

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

ご覧のとおり、うまく機能しています。次のステップに進みます。

静的ファイルの設定方法

静的ファイルを設定するには、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 アプリ チュートリアル

それでは実行してみましょう:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

あなたが私と一緒にフォローしているなら、あなたは上記を持っているはずです.

モデルと管理パネルをロードする方法

管理パネルをロードするには、スーパーユーザーを作成する必要があります。これは簡単に実行できます。端末を開いて myapp フォルダーに移動し、python manage.py createsuperuser と入力するだけです。 Enterキーを押します。これが表示されます:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

python manage.py migrate を実行していないため、エラーが発生します まだ。それを入力してEnterキーを押すと、次のようになります:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

python manage.py createsuperuser と入力します。 Enter キーを押します:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

資格情報を入力するだけです。次に行う必要があるのは、サーバーを実行して 127.0.0.1:8000/admin を指すことです。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

ログインすると、ダッシュボードに移動します:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

管理パネルを作成したので、モデル (データベース) を操作してみましょう。コンテンツを収集するモデルを作成します。 models.pyを開いてください ファイルに次のコードを入力してください:

class Post(models.Model):
	content = models.CharField(max_length=255, null=False)
    
    def __str__(self):
    	return self.content
電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

パラメータ models.Model を持つクラスを作成します 変数 content を与える CharField() を保持する 、よりテキストフィールドに似ています。最後に魔法の str を作成します オブジェクトの代わりにモデルの名前を返します。

次に、移行を実行する必要があります。ターミナルを開き、cd で myapp に移動し、python manage.py makemigrations と入力します。 .これが表示されます:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

これは、データベースに Post テーブルが作成されたことを意味します。次に python manage.py migrate も実行します その結果、次のようになります:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

これは、すべてが明確であることを意味します。管理ページに追加するには、admin.py を開きます。 次のコードを入力してください:

from .models import *

admin.site.register(Post)
電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

モデルからすべてのモデル クラスをインポートし、投稿モデルを管理パネルに登録しました。管理パネルを開くと、投稿が表示され、データが保存されます。

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

todo アプリのリストにあることに注意してください:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

クリックすると、次のように表示されます:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

その後、必要に応じて投稿を作成できます。

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 アプリ チュートリアル

それと同じくらい簡単です:models.py からすべてインポートしました 、content という変数を作成しました 、テーブル Post からすべてのデータを取得しました。次に、それをディクショナリとしてビューに渡しました。 index.html にこれを追加するだけで機能します:

{% for contents in content %}
{{content.content}}
{% endfor %}
電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

ここでは、templates タグを使用してループを作成し、すべてのデータ コンテンツをフェッチしました。ターミナルを開き、cd で myapp にアクセスし、サーバーを実行して魔法が起こるのを確認してください:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

動作しますが、動作することを確認しましょう:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

結果は次のようになります:

電話で Web アプリを作成する方法 – Python &Pydroid Android アプリ チュートリアル

Violà – うまくいきます。最後に、改行を追加して、より明確に読むことができます。

読んでくれてありがとう。詳細な Django チュートリアルをご覧になりたい場合は、私の YouTube チャンネル Devstack にアクセスして購読してください。


  1. Android フォンで友人の iPhone を追跡する方法

    スマートフォンを紛失することは最悪の悪夢です。連絡先、メディア ファイル、銀行や電子メールなどの排他的アクセスを失うからです。ありがたいことに、GPS と位置情報技術により、紛失したスマートフォンを追跡できるようになりました。 Android と iPhone の両方で動作する Google Play ストアと App Store には、多数のジオトラッキング アプリがあります。ただし、作業の手順とスタイルは両方の OS で同じですが、UI にわずかな違いがあります。これらのアプリの最も優れた点は、紛失した電話の追跡に役立つだけでなく、友人の紛失したスマートフォンも追跡できることです。 以下に

  2. Android スマートフォンで Google アプリがクラッシュする問題を解決するには?

    「Android フォンで Google アプリがクラッシュする」 Android フォンでクラッシュしたすべてのアプリの中で、Android オペレーティング システムが Google アプリを実行できなくなり、クラッシュする日が来るとは思いもしませんでした。結局のところ、Android を作成したのは Google であり、このクラッシュは特定のブランドのスマートフォンに限定されたものではなく、Samsung、Xiaomi、さらには Google の Pixel などのほとんどのスマートフォンで発生しています。この記事では、Android スマートフォンでクラッシュし続ける Google