Skip to content

Latest commit

 

History

History
152 lines (106 loc) · 4.31 KB

post-cheat-sheet.markdown

File metadata and controls

152 lines (106 loc) · 4.31 KB
layout title description longdescription date category (!CanRemoveIfFalse)press_release (!CanRemoveIfFalse)is_non-tech banner author design tags related
post
Title Should be Less Than 56 characters
Description goes here and must be less than 156 characters.
Long description is used for meta tags, particularly for Google, and should be between 230-320 characters.
2018-01-01 8:30
Technical guide, Thing, Thing2, PR, Press
true
true
text
Auth0 makes it easy to add authentication to your ___ application.
name url mail avatar
YOUR NAME
YOUR_EMAIL@auth0.com
image bg_color
#
hyphenated-tags
date-postname
date-postname

TL;DR: A brief synopsis that includes link to a github repo.

Basic Markdown

Image

![Image alt text](image path)

Link

[Link text](http://url.goes.here)

Blockquote (Quote)

> _"Sample quote from someone cool."_ —Someone Cool

Blockquote (Note)

> **Note:** Blockquote note text

Code Syntax Highlighting

HTML

Note: It's necessary to use curly brace tags instead of backticks when code samples mess up the Jekyll blog engine formatting:

{% highlight html %}
{% raw %}

{{use raw tag when curly braces are present}}

<link rel="stylesheet" src="or when external stylesheets are called, such as CDN Bootstrap">

{% endraw %}
{% endhighlight %}

JavaScript

js
typescript

CSS

css
scss

Text

$ bash
text

Special Characters and Snippets

Characters

  • Em dash: — (don't use hyphens for this) - Mac shortcut: Shift+Alt+-
  • Lambda: λ

Within-article Target Links

HTML is required with a target="_self" because the blog programming will automatically open all links in a new window unless this is specified. Markdown anchor links do not work.

<a href="#some-target" target="_self">Link to Target</a>

### <span id="#some-target"></span>Target

Tweet Quote

{% include tweet_quote.html quote_text="Lorem ipsum dolor sit amet." %}

Copy-Paste Auth0 Login Setup for SPAs

Important Note: Make sure this is updated to reflect the appropriate application type, allowed callback settings, and API identifier when pasting into a post.

Auth0 login screen

Sign Up for Auth0

You'll need an Auth0 account to manage authentication. You can sign up for a free Auth0 account here. Next, set up an Auth0 Client and API so Auth0 can interface with your app and API.

Set Up a Client App

  1. Go to your Auth0 Dashboard and click the "create a new client" button.
  2. Name your new app, select "Single Page Web Applications", and click the "Create" button.
  3. In the Settings for your new Auth0 client app, add http://localhost:[PORT] to the Allowed Callback URLs.
  4. Click the "Save Changes" button.
  5. If you'd like, you can set up some social connections. You can then enable them for your app in the Client options under the Connections tab. The example shown in the screenshot above utilizes username/password database, Facebook, Google, and Twitter.

Note: Under the OAuth tab of Advanced Settings (at the bottom of the Settings section) you should see that the JsonWebToken Signature Algorithm is set to RS256. This is the default for new clients. If it is set to HS256, please change it to RS256. You can read more about RS256 vs. HS256 JWT signing algorithms here.

Set Up an API

  1. Go to APIs in your dashboard and click on the "Create API" button.
  2. Enter a name for the API. Set the Identifier to your API's URL. In this example, this is http://localhost:[PORT]/api/. The Signing Algorithm should be RS256.