こちらの記事を参考にデプロイできますでしょうか！

https://zenn.dev/y_k/articles/e2c50f3e46cc11

はる@講師

尚、参考にしているリンクは下記になります。

[https://github.com/PaulleDemon/AWS-deployment/blob/master/django-channels.md](https://github.com/PaulleDemon/AWS-deployment/blob/master/django-channels.md)

atnek

と、思ったら、
```
Nov  9 14:32:11 ip-172-31-13-132 web: self.wsgi = self.app.wsgi()
Nov  9 14:32:11 ip-172-31-13-132 web: File "/var/app/venv/staging-LQM1lest/lib/python3.8/site-packages/gunicorn/app/base.py", line 67, in wsgi
Nov  9 14:32:11 ip-172-31-13-132 web: self.callable = self.load()
Nov  9 14:32:11 ip-172-31-13-132 web: File "/var/app/venv/staging-LQM1lest/lib/python3.8/site-packages/gunicorn/app/wsgiapp.py", line 49, in load
Nov  9 14:32:11 ip-172-31-13-132 web: return self.load_wsgiapp()
Nov  9 14:32:11 ip-172-31-13-132 web: File "/var/app/venv/staging-LQM1lest/lib/python3.8/site-packages/gunicorn/app/wsgiapp.py", line 39, in load_wsgiapp
Nov  9 14:32:11 ip-172-31-13-132 web: return util.import_app(self.app_uri)
Nov  9 14:32:11 ip-172-31-13-132 web: File "/var/app/venv/staging-LQM1lest/lib/python3.8/site-packages/gunicorn/util.py", line 358, in import_app
Nov  9 14:32:11 ip-172-31-13-132 web: mod = importlib.import_module(module)
Nov  9 14:32:11 ip-172-31-13-132 web: File "/usr/lib64/python3.8/importlib/__init__.py", line 127, in import_module
Nov  9 14:32:11 ip-172-31-13-132 web: return _bootstrap._gcd_import(name[level:], package, level)
Nov  9 14:32:11 ip-172-31-13-132 web: File "<frozen importlib._bootstrap>", line 1014, in _gcd_import
Nov  9 14:32:11 ip-172-31-13-132 web: File "<frozen importlib._bootstrap>", line 991, in _find_and_load
Nov  9 14:32:11 ip-172-31-13-132 web: File "<frozen importlib._bootstrap>", line 973, in _find_and_load_unlocked
Nov  9 14:32:11 ip-172-31-13-132 web: ModuleNotFoundError: No module named 'application'
Nov  9 14:32:11 ip-172-31-13-132 web: [2022-11-09 14:32:11 +0000] [4854] [INFO] Worker exiting (pid: 4854)
Nov  9 14:32:11 ip-172-31-13-132 web: [2022-11-09 14:32:11 +0000] [4847] [INFO] Shutting down: Master
Nov  9 14:32:11 ip-172-31-13-132 web: [2022-11-09 14:32:11 +0000] [4847] [INFO] Reason: Worker failed to boot.
Nov  9 14:32:12 ip-172-31-13-132 web: [2022-11-09 14:32:12 +0000] [4862] [INFO] Starting gunicorn 20.0.4
Nov  9 14:32:12 ip-172-31-13-132 web: [2022-11-09 14:32:12 +0000] [4862] [INFO] Listening at: http://127.0.0.1:8000 (4862)
Nov  9 14:32:12 ip-172-31-13-132 web: [2022-11-09 14:32:12 +0000] [4862] [INFO] Using worker: threads
Nov  9 14:32:12 ip-172-31-13-132 web: [2022-11-09 14:32:12 +0000] [4868] [INFO] Booting worker with pid: 4868
Nov  9 14:32:12 ip-172-31-13-132 web: [2022-11-09 14:32:12 +0000] [4868] [ERROR] Exception in worker process
```

と言ったエラーが発生していました。

AWSのヘルス上も下記の文面が表示されています。

```
Following services are not running: websocket.
```

-----



```
packages:
  yum:
    git: []
    python3-devel: []
    mariadb-devel: []

option_settings:
  aws:elasticbeanstalk:container:python:
    WSGIPath: mysite.wsgi:application
  aws:elasticbeanstalk:environment:proxy:staticfiles:
    /static: static
  aws:elasticbeanstalk:environment:process:http:
    Port: '80'
    Protocol: HTTP
  aws:elasticbeanstalk:environment:process:websocket:
    Port: '5000'
    Protocol: HTTP
  aws:elbv2:listener:80:
    DefaultProcess: http
    ListenerEnabled: 'true'
    Protocol: HTTP
    Rules: ws
  aws:elbv2:listenerrule:ws:
    PathPatterns: /ws/*
    Process: websocket
    Priority: 1
  aws:elbv2:listener:443:
    ListenerEnabled: 'true'
    Protocol: HTTPS
    SSLCertificateArns: [省略]
    SSLPolicy: ELBSecurityPolicy-2016-08
    Rules: ws
```

Procfileは下記のように記載しています。

```
web: gunicorn --bind :8000 --workers 3 --threads 2 mysite.wsgi:application
websocket: daphne -b 0.0.0.0 -p 5000 mysite.asgi:application
```

サーバーサイドには特段エラーが出ていなく、

(index):10 WebSocket connection to 'wss://ドメイン名/ws/6bc111bd-d2c9-4258-a853-5390e1dcdb47/' failed: 

というエラーがコンソール上に表示されている状態です。

どこかでエラーが出ていないでしょうか？

ご回答ありがとうございます！

該当のURLを参考にChannelsでアプリは作成できましてテスト環境では問題なく動作をしたのですが、いざ本番環境(AWS Elastic Beanstalk)にアップロードをすると動作しません。

httpsの問題なのだろうと何となくは理解しているのですが、ws を wss に書き換えたり、調べて色々とやってみてもなかなかうまくいかず、、、

解決方法を教えていただけるととても助かります。。

Djangoでチャットアプリを作るのであれば、Django Channelsを使いますね。

■参考

https://zenn.dev/y_k/articles/e8878460fff3d5aa1d1d

Webhookは、メッセージを受信したタイミングで処理を実行できる便利なものです。

Webhookはこちらの記事が分かりやすいです。

https://kintone-blog.cybozu.co.jp/developer/000283.html

お世話になっております。

現在、Djangoを用いたCMSでサービス運営しており、その中でお客様とスタッフ間のメッセージ機能を搭載しています。

現在はAjaxで定期的に新規メッセージの取得を行なっておりますが、
メッセージ取得とメッセージ送信の処理が同時に行われた時など、時たまエラーが発生してしまう場合があります。
また、定期的にオブジェクトを参照するので、サーバー負荷的なものはどうなんだろうという疑問も湧いています。

少し調べていた所、Channelsを発見したのですが、Webhookというものをよく理解しておらず、Webhookのメリット・デメリットをあまり理解できていません。
(現在は単純にAjaxの方が処理が簡単なのでそちらで作ってるレベルです)


例えば、このサイトでのコメント機能をリアルタイムで更新をかけるとしたら、
はる先生でしたら、AjaxかWebhook(Channels)のどちらを選択しますか？

こんにちは！

日本語は第二言語なので、文法の間違いがあれば、あらかじめ謝っておきます。

### 実現したいこと

このビデオに従って、私はDjango REST Framework + Next.js + NextAuthをGoogle認証で実装しようとしています。

https://www.youtube.com/watch?v=TvoMjY291f8

ビデオの指示に従ったのですが、「IDトークン」で問題が発生しています。このサイトの他の質問もチェックしましたが、同じ問題を経験している人を見つけることができませんでした。

### 発生している問題

サインインページで「Googleでログイン」ボタンをクリックすると、英語で「Access Denied」と書かれたエラーが出ます。

Djangoのサーバーサイドのコンソールでは、以下のようなエラーが表示されます。

```
raise OAuth2Error("Invalid id_token") from e
allauth.socialaccount.providers.oauth2.client.OAuth2Error: Invalid id_token
[13/Mar/2023 10:26:30] "POST /api/social/login/google/ HTTP/1.1" 500 162465
```

500エラーなので、URLかビューの問題だと思います。

### ソースコード

**フロント**

`[...nextauth].js`

```
import NextAuth from "next-auth";
import axios from "axios";
import GoogleProvider from "next-auth/providers/google";

const settings = {
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
    }),
  ],

  callbacks: {
    async signIn({ user, account }) {
      if (account.provider === "google") {
        const accessToken = account.access_token;
        const idToken = account.id_token;

        console.log(idToken);

        try {
          const response = await axios.post(
            `${process.env.DJANGO_URL}/api/social/login/google/`,
            {
              access_token: accessToken,
              id_token: idToken,
            }
          );

          const { access_token } = response.data;
          user.accessToken = access_token;

          return true;
        } catch (error) {
          return false;
        }
      }
      return false;
    },

    async jwt({ token, account }) {
      if (account) {
        token.accessToken = account.access_token;
      }
      return token;
    },

    async session({ session, token }) {
      session.accessToken = token.accessToken;
      return session;
    },
  },
  pages: {
    signIn: "/auth/signin",
  },
};

export default (req, res) => NextAuth(req, res, settings);
```
上記のコードでは、コンソールログにIDトークンが正常に表示されています。

確認のため、.envファイルを示します。

```
DJANGO_URL=http://localhost:8000

GOOGLE_CLIENT_ID=秘密
GOOGLE_CLIENT_SECRET=秘密
```

Client IDとClient secretは、私のGoogleコンソールの情報と一致しています。

JavaScript Originはこのように設定されています。

`http://localhost:3000`

URIはこのように設定されています。

`http://localhost:3000/api/auth/callback/google`

**サーバー**

`authentication/views.py`

```
from allauth.socialaccount.providers.google.views import GoogleOAuth2Adapter
from dj_rest_auth.registration.views import SocialLoginView
from allauth.socialaccount.providers.oauth2.client import OAuth2Client


class GoogleLoginView(SocialLoginView):
    adapter_class = GoogleOAuth2Adapter
    client_class = OAuth2Client
```

`urls.py`

```
from django.contrib import admin
from django.urls import path, include

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('api/auth/', include('dj_rest_auth.urls')), #Endpoints provided by dj-rest-auth
    path('api/social/login/', include('authentication.urls')) #Endpoint for Social logins
]

urlpatterns=urlpatterns+static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)

if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
```

`authentication/urls.py`

```
from django.urls import path, include
from .views import GoogleLoginView

urlpatterns = [
    path("google/", GoogleLoginView.as_view(), name="google"),
]
```

### 自分で試したこと
この前、authentication/views.pyに「callback_url」変数を設定してみました。

マイグレーションを消して、新しいマイグレーションを作り、新しいマイグレーションを適用することを試しました。

他のフォーラムの投稿を参考に、POST/レスポンスの変数名を変えてみました。


### 補足情報

どうぞよろしくお願いいたします。

Django

Next.js

NextAuthをGoogle認証とDRFで500エラー

チャッド

講座のリクエストはこちらからお願いします。

いいね数が多いリクエストから検討したいと思います。

リクエストのみの書き込みでお願いします。

### 例

「○○○が流行っているので、○○○を使ったチュートリアルが知りたい」

など

個人開発

🍀講座リクエスト掲示板

### 実現したいこと
ページリロードをしてもstateを保持してログイン状態が持続
するようにしたい。


### 発生している問題
Navigation.jsを {isAuthenticated ?}  でログイン状態の時に表示が変わるように設定しているが、ページリロードをやページ遷移をすると stateがリセットされてしまい、表示が切り替わってしまう。

### 自分で試したこと
stateを保持するredux-persistを使用し、公式ページなどを参考にコードを書いてみました。
結果は、
ページ遷移にはログイン状態を保持することができましたが、
ページリロードをするとログイン状態を保持することができませんでした。

ご教授をお願いしたいです。 

### ソースコード
```
//src/reduser/store.jsx

import { configureStore } from '@reduxjs/toolkit'
import authSlice from './authSlice'
import postSlice from './postSlice'

//redux-persist設定
import storage from 'redux-persist/lib/storage'
import { 
  persistReducer, 
  FLUSH,
  REHYDRATE,
  PAUSE,
  PERSIST,
  PURGE,
  REGISTER,
} from 'redux-persist'

const persistConfig = {
  key: 'root',
  storage,
}

const persistedReducer = persistReducer(persistConfig, authSlice)

const store = configureStore({
    reducer: {
      auth: persistedReducer,
      post: postSlice,
    },
    middleware: (getDefaultMiddleware) => 
      getDefaultMiddleware({
        serializableCheck: {
          ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
        },
      }),
})

export default store
```
```
//pages/_app.jsx

//redux設定
import { Provider } from 'react-redux'
//redux-persist設定
import store from 'src/reducer/store'
import { PersistGate } from 'redux-persist/integration/react'
import { persistStore } from 'redux-persist' 

const persistor = persistStore(store)

function App({ Component, pageProps }){
  return (
     <Povider store={store}>
      <PersistGate persistor={persistor}>
        <Layout>
          <Head>
            <meta name="viewport" content="width=device-width, initial-scale=1" />
          </Head>
          <Component {...pageProps} />
        </Layout>
      </PersistGate>
    </Provider>
  );
}
```
```
//src/reducer/authSlice.jsx

import {
    // アカウント登録
    REGISTER_SUCCESS,
    REGISTER_FAIL,

    //ログイン
    LOGIN_SUCCESS,
    LOGIN_FAIL,

    //アカウント情報取得
    USER_SUCCESS, 
    USER_FAIL,

    //リフレッシュトークン取得
    REFRESH_SUCESS,
    REFRESH_FAIL,
  
    // 読み込み中
    SET_AUTH_LOADING,
    REMOVE_AUTH_LOADING,

    //認証チェック
    AUTHENTICATED_SUCCESS,
    AUTHENTICATED_FAIL,
    LOGOUT_SUCCESS,
  } from 'actions/types'

const initialState = {
    user: null,
    isAuthenticated: null,
    loading: false,
}


function authReducer(state = initialState, action) {
  const { type, payload } = action

  switch (type) {
    // アカウント登録----------------------------------------------
    case REGISTER_SUCCESS:
      return {
        ...state,
      }
    case REGISTER_FAIL:
      return {
        ...state,
      }

    //ログイン----------------------------------------------
    case LOGIN_SUCCESS:
      return {
        ...state,
        isAuthenticated: true,
      }
    case LOGIN_FAIL:
      return {
        ...state,
        isAuthenticated: false,
      }

    //アカウント情報取得----------------------------------------------
    case USER_SUCCESS:
      return {
        ...state,
        user: payload.user,
      }
    case USER_FAIL:
      return {
        ...state,
        user: null,
      }
    //リフレッシュトークン取得----------------------------------------------
    case REFRESH_SUCESS:
      return {
        ...state,
      }
    case REFRESH_FAIL:
      return {
        ...state,
        isAuthenticated: false,
        user: null,
      }

    // 読み込み中----------------------------------------------
    case SET_AUTH_LOADING:
      return {
        ...state,
        loading: true,
      }
    case REMOVE_AUTH_LOADING:
      return {
        ...state,
        loading: false,
      }

    // 認証チェック----------------------------------------------
    case AUTHENTICATED_SUCCESS:
      return {
        ...state,
        isAuthenticated: true,
      }
    case AUTHENTICATED_FAIL:
      return {
        ...state,
        isAuthenticated: false
      }

      //ログアウト-----------------------------------------------
      case LOGOUT_SUCCESS:
        return {
          ...state,
          isAuthenticated: false,
          user: null,
        }
      case LOGIN_FAIL:
        return {
          ...state,
        }

    default:
      return state
    }
}

export default authReducer
```

//


### 補足情報

初心者

Django REST Framework + NextJS + redux(redux-persist) [ログイン状態の持続(stateの保持)]

hayato

### 実現したいこと
DjangoとMS SQL Serverデータベースを連携して、構築しています

### 発生している問題
django.db.utils.NotSupportedError: SQL Server v15 is not supported.

### 自分で試したこと
仮想環境に以下ライブラリinstall済ですが、解決できませんでした。
```django-pyodbc                    1.1.3
django-pyodbc-azure              2.1.0.0
django-pyodbc-azure-2019         2.1.0.0
```
https://stackoverflow.com/questions/60364005/django-cannot-connect-to-sql-server-2019

データベース

Django構築でエラーが発生しまう

グエン

動画大変参考になり、勉強させて頂いております。ありがとうございます。
始めたばかりのプログラミング初学者です。ご教授頂ければ幸いです。
### 実現したいこと

フルスタックチャンネル様の予約サイト作成チュートリアルをもとに、自分の用途に合わせて、店舗→スタッフ→カレンダーではなく、storeモデルなしで、直接スタッフ一覧→というように画面が変わり、予約がとれるようにしたいです。


### 発生している問題
実際にカレンダーの〇ボタンのリンクに、"{% url 'booking' pk=staff.pk year=datetime.year month=datetime.month day=datetime.day hour %}"を記述すると、

ValueError("Don't mix *args and **kwargs in call to reverse()!")
というものが表示されてしまいカレンダー画面が見れなくなってしまいます。pkやhourの取得がうまくいっていないとも出たりします。

### ソースコード

```
urlpatterns=[
    path('lesson/<int:pk>', views.CalendarView.as_view(), name='calendar'),
    path('calendar/<int:pk>/<int:year>/<int:month>/<int:day>',views.CalendarView.as_view(),name='calendar'),
    path('booking/<int:pk>/<int:year>/<int:month>/<int:day>/<int:hour>/', views.BookingView.as_view(), name='booking')
```

```
class CalendarView(View):
    template_name = "blog/calender.html"
    
    def get(self,request, pk,*args,**kwargs):
        staff_data = Staff.objects.filter(id=pk).select_related('user').first()
        today = date.today()
        year = self.kwargs.get('year')
        month = self.kwargs.get('month')
        day = self.kwargs.get('day')
        if year and month and day:
            start_date = date(year=year, month=month,day=day)
        else:
            start_date = today
        days = [start_date + timedelta(days=day) for day in range(7)]
        start_day = days[0]
        end_day = days[-1]
        
        calendar = {}
        for hour in range(10,22):
            row = {}
            for day in days:
                row[day] = True
            calendar[hour] = row
        start_time = make_aware(datetime.combine(start_day, time(hour=10,minute=0,second=0)))
        end_time = make_aware(datetime.combine(end_day, time(hour=20,minute=0,second=0)))
        booking_data = Booking.objects.filter(staff=staff_data).exclude(Q(start__gt=end_time) | Q(end=start_time))
        for booking in booking_data:
            local_time = localtime(booking.start)
            booking_date = local_time.date()
            booking_hour = local_time.hour
            if (booking_hour in calendar) and (booking_data in calendar[booking_hour]):
                calendar[booking_hour][booking_date] = False
                
        return render(request,'blog/calendar.html',{
            'staff_data':staff_data,
            'calendar':calendar,
            'days':days,
            'start_day':start_day,
            'end_day':end_day,
            'before':days[0] - timedelta(days=7),
            'next':days[-1] + timedelta(days=1),
            'today':today,
            'pk':pk
        },)

class BookingView(View):
    def get(self,request,pk,*args,**kwargs):
        staff_data = Staff.objects.filter(id=pk).select_related('user').first()
        year = self.kwargs.get('year')
        month = self.kwargs.get('month')
        day = self.kwargs.get('day')
        hour = self.kwargs.get('hour')
        form = BookingForm(request.POST or None)
        
        return render(request, 'blog/booking.html', {
            'staff_data':staff_data,
            'year':year,
            'month':month,
            'day':day,
            'hour':hour,
            'form':form,
        })
        
    def post(self,request, pk, *args,**kwargs):
        staff_data = Staff.objects.filter(id=pk).select_related('user').first()
        year = self.kwargs.get('year')
        month = self.kwargs.get('month')
        day = self.kwargs.get('day')
        hour = self.kwargs.get('hour')
        start_time = make_aware(datetime(year=year,month=month,day=day,hour=hour))
        end_time = make_aware(datetime(year=year,month=month,day=day,hour=hour + 1))
        booking_data = Booking.objects.filter(staff=staff_data, start=start_time)
        form = BookingForm(request.POST or None)
        if booking_data.exists():
            form.add_error(None,'既に予約があります。\n別の日時で予約をお願いします。')
        else:
            if form.is_valid():
                booking = Booking()
                booking.staff = staff_data
                booking.start = start_time
                booking.end = end_time
                booking.name = form.cleaned_data['name']
                booking.phone = form.cleaned_data['phone']
                booking.remarks = form.cleaned_data['remarks']
                booking.save()
                return redirect('lesson')
            
        return render(request, 'blog/booking.html',{
            'staff_data':staff_data,
            'year':year,
            'month': month,
            'day':day,
            'hour':hour,
            'form':form
        })
```

なにが正解なのかわからなかったので、いくつかpkの取得に関して情報を調べて、書き換えてみるなど試しました。