您好,登錄后才能下訂單哦!
這里用到django-rest-framework-jwt這個庫 https://github.com/GetBlimp/django-rest-framework-jwt
按流程圖來
先通過wx.login()獲取code,再通過我們后臺配置的接口獲取openid和session_key
// 登錄 wx.login({ success: res => { console.log(res) // 發送 res.code 到后臺換取 openId, sessionKey, unionId wx.request({ url: api.GET_OPENID, // data: { js_code: res.code }, success: function (res) { var openid = res.data.openid var session_key = res.data.session_key //獲取openid,session_key //后臺用戶表保存 wx.request({ url: api.USER, method: "POST", data: { openid : openid, session_key : session_kay }, success: function (res) { if (res.data.status == 'success') { //在緩存中保存用戶id和openid備用 wx.setStorage({ key: 'userid', data: res.data.userid, }); wx.setStorage({ key: 'openid', data: openid, }) } else { wx.showModal({ title: '提示', showCancel: false, content: '獲取openid失敗', }) } } }) } }) } })
在這里的用戶表最好是在django自帶的user表上進行字段拓展,不然重寫起來會很麻煩,拓展方法如下
from django.contrib.auth.models import AbstractUser # Create your models here. class User(AbstractUser): """ 用戶新增字段 """ name = models.CharField(max_length=30, null=True, blank=True, verbose_name="姓名")
下面是django的user默認字段,需要保存用戶頭像,用戶省市等字段只要在原有基礎上新增即可
生成3rd session
先在后臺配置jwt
安裝 pip install djangorestframework-jwt
在你的settings.py,添加JSONWebTokenAuthentication到Django REST框架DEFAULT_AUTHENTICATION_CLASSES。
REST_FRAMEWORK = { 'DEFAULT_PERMISSION_CLASSES': ( 'rest_framework.permissions.IsAuthenticated', ), 'DEFAULT_AUTHENTICATION_CLASSES': ( 'rest_framework_jwt.authentication.JSONWebTokenAuthentication', # <------- 'rest_framework.authentication.SessionAuthentication', 'rest_framework.authentication.BasicAuthentication', ), } #JWT設置過期時間,具體配置查看文檔 JWT_AUTH = { 'JWT_VERIFY_EXPIRATION': False } #在您urls.py添加以下URL路由以啟用通過POST獲取令牌包括用戶的用戶名和密碼。 from rest_framework_jwt.views import obtain_jwt_token #... urlpatterns = [ '', # ... url(r'^api-token-auth/', obtain_jwt_token), ]
通過POST用戶的用戶名和密碼獲取token
wx.request({ url: api.api-token-auth,//url配置 method: 'POST', data: { 'username': openid, //這里我是用openid當作用戶名 'password': session_key //用session_key當作密碼 }, success: function(jwt) { //jwt格式:eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VybmFtZSI6InhpZWhhbyIsImV4cCI6MTUzNTM3ODQ2OCwiZW1haWwiOiIzNDg2OTg1ODhAcXEuY29tIn0.8rXFK_K2q8474LxYrCuuNJT93PkZMzi1JX6fVproXrE //前面是base64后面是簽名,用.隔開 //將jwt_token放入緩存備用 var jwt_token = jwt.data.token wx.setStorageSync('jwt_token', jwt_token) self.globalData.jwt_token = jwt_token } })
后端配置時需要加上authentication_classes進行認證
from rest_framework.permissions import IsAuthenticated from rest_framework_jwt.authentication import JSONWebTokenAuthentication # 商品表 class goodsViewSet(viewsets.ModelViewSet): queryset = Goods.objects.all() serializer_class = goodsSerializers filter_class = GoodsFilter filter_backends = (DjangoFilterBackend, filters.SearchFilter) search_fields = ('name',) #認證配置 permission_classes = (IsAuthenticated,) authentication_classes = (JSONWebTokenAuthentication,)
使用方法
在請求加了認證的view時,如果不在head中帶入jwt_token,請求401
在header中帶入請求數據成功
//從緩存中取出jwt_token,并按文檔用法拼接,在header中帶入Authorization // JWT +jwt_token var jwt_token = 'JWT ' + wx.getStorageSync('jwt_token') wx.request({ url: 'http://127.0.0.1:8000/mall/goods/', header:{ 'Authorization': jwt_token }, success:function(res){ //成功請求到商品數據 console.log(res) } })
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。