• mkdir vue-api-django
• cd vue-api-django

• virtualenv -p python3 .vEnv
• . .vEnv/bin/activate

• pip install django==2.1.1

• django-admin startproject blog

• django-admin startapp article

• python manage.py migrate
• python manage.py runserver

obs: verifique se a pagina de boas vindas do django rodou.

*/article/models.py

class Article(models.Model): article_id = models.AutoField(primary_key=True) article_heading = models.CharField(max_length=255) article_body = models.TextField()

*/article/admin.py

from article.models import Article

admin.site.register(Article)

*/blog/settings.py

INSTALLED_APPS = [

'article',

]

*pip install djangorestframework *pip install markdown # Markdown support for the browsable API. *pip install django-filter # Filtering support

Em seguida add em settings.py

INSTALLED_APPS = ( ... 'rest_framework', )

REST_FRAMEWORK = { # Use Django's standard django.contrib.auth permissions, # or allow read-only access for unauthenticated users. 'DEFAULT_PERMISSION_CLASSES': [ 'rest_framework.permissions.DjangoModelPermissionsOrAnonReadOnly' ] }

• blog/urls.py

• add (...) from rest_framework import routers

router = routers.DefaultRouter() router.register('article', ArticleViewSet, base_name='Article')

urlpatterns = [ path('admin/', admin.site.urls), path('api/', include(router.urls)), ]

/article/urls.py

from django.urls import path from django.views.generic import TemplateView

urlpatterns = [ path('article/', TemplateView.as_view(template_name='index.html')), ]

blog/urls.py

(...) from article import urls as urls_articles

urlpatterns = [ path('', include(urls_articles)), path('admin/', admin.site.urls), path('api/', include(router.urls)), ]

oberve que em /article/urls.py estamos passando um arquivo index.html como template. Então precisamos criar este arquivo dentro de um diretório padrão do django:

Na raiz do projeto crie um diretório chamado: templates e dentro dele crie um arquivo index.html. Precisamos fazer com que o django enxergue esse diretório de templates, add o caminho base:

o arquivo index.html contem o nosso vuejs.

blog/settings.py

TEMPLATES = [ { ... 'DIRS': [os.path.join(BASE_DIR, 'templates')], ... } ]

cri um diretório chamado api

article/api/

crie três arquivos: init.py, serializers.py e viewsets.py

from rest_framework.serializers import ModelSerializer from article.models import Article

class ArticleSerializer(ModelSerializer): class Meta: model = Article fields = 'all'

from rest_framework.viewsets import ModelViewSet from article.api.serializers import ArticleSerializer from article.models import Article

class ArticleViewSet(ModelViewSet): queryset = Article.objects.all() serializer_class = ArticleSerializer

/blog/urls.py

from django.contrib import admin from django.urls import path, include from article import urls as urls_articles from rest_framework import routers

from article.api.viewsets import ArticleViewSet

router = routers.DefaultRouter() router.register('article', ArticleViewSet, base_name='Article')

urlpatterns = [ path('admin/', admin.site.urls), path('', include(urls_articles)), path('api/', include(router.urls)), ]

python manager.py createsuperuser

depois faça as migrações:

python manage.py makemigrations python manage.py migrate

suda o servidor

python manage.py runserver

acesse sua api na url: http://127.0.0.1:8000/api/ e o seu index.html na url: http://127.0.0.1:8000/article/

• git init
• Create a file called .gitignore with the following content:

# See the name for you IDE
.idea
# If you are using sqlite3
*.sqlite3
# Name of your virtuan env
.vEnv
*pyc

• git add .
• git commit -m 'First commit'

• pip install python-decouple
• crie um arquivo .env no seu diretorio raiz e add:

• SECRET_KEY=SuaSecretykey(veja em blog/settings.py)
• DEBUG=True

• from decouple import config
• SECRET_KEY = config('SECRET_KEY')
• DEBUG = config('DEBUG', default=False, cast=bool)

• pip install dj-database-url

• from dj_database_url import parse as dburl

default_dburl = 'sqlite:///' + os.path.join(BASE_DIR, 'db.sqlite3')

DATABASES = { 'default': config('DATABASE_URL', default=default_dburl, cast=dburl), }

pip install dj-static

• from dj_static import Cling
• application = Cling(get_wsgi_application())

• STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

pip freeze > requirements-dev.txt

-r requirements-dev.txt gunicorn psycopg2==suaVersao

• web: gunicorn website.wsgi --log-file -

• python-3.6.0

Faça uma conta free no heroku;

Você deve instalar ferramentas de CLI heroku em seu computador anteriormente (consulte http://bit.ly/2jCgJYW)

• aplicativos heroku: criar nome do aplicativo;

Lembre-se de pegar o endereço do aplicativo neste ponto.

inclua seu endereço nas diretivas ALLOWED_HOSTS em settings.py - Apenas o domínio,

• heroku plugins:install heroku-config

• heroku plugins:install heroku-config
• heroku config:push

• heroku config

• git add .
• git commit -m 'Configuring the app'
• git push heroku master --force

• heroku run python3 manage.py migrate

• heroku run python3 manage.py createsuperuser

• heroku config:set DISABLE_COLLECTSTATIC=1

• heroku config:set DEBUG=True

• https://blog-vue-django.herokuapp.com/admin/ USER: zaidoh PASS: zaidoh123

• https://blog-vue-django.herokuapp.com/api/

• https://blog-vue-django.herokuapp.com/article/

Zaidoh