Skip to content

Commit f053ea5

Browse files
committed
Update create an app flow
1 parent 721e545 commit f053ea5

File tree

1 file changed

+24
-36
lines changed

1 file changed

+24
-36
lines changed

content/docs/guides/create-an-app.md

Lines changed: 24 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -11,67 +11,55 @@ To start accessing parts of the API that require authentication you will need an
1111

1212
## Creating an App
1313

14-
Start by visiting [account.app.net/settings/](https://account.app.net/settings/).
14+
1. Start by visiting [account.app.net/settings/](https://account.app.net/settings/). Click on "[Your Apps](https://account.app.net/developer/apps/)" in the bottom left hand corner to go to Your Apps Dashboard.
1515

16-
![Your Account Dashboard](https://files.app.net/01q1LmOn.png)
16+
![Your Account Dashboard](https://files.app.net/01q1LmOn.png)
1717

18-
Clicking on [Your Apps](https://account.app.net/developer/apps/) in the bottom left hand corner. Will take you to your app dashboard.
18+
2. Click "[Create An App](https://account.app.net/developer/app/create/)."
1919

20-
![Your Apps Dashboard](https://files.app.net/01qsFuCH.png)
20+
![Your Apps Dashboard](https://files.app.net/2z0jz2E7Z.png)
2121

22-
This is what you will see if you haven't created any apps. To start the process of registering your app click on [Create one here](https://account.app.net/developer/app/create/).
22+
3. Fill in information about your app.
2323

24-
Next, you will see the App Create page.
24+
All of the form details are required but you can always edit them later if you'd like to change anything. Give your app a unique name and provide a URL for users to find out more information. If it doesn't make sense for you to enter a website feel free to use your Alpha profile URL: `https://app.net/{YOUR USERNAME}`. This will let others know who is responsible for this app.
2525

26-
![Create Your App](https://files.app.net/01qdir2Q.png)
26+
The *Redirect URL* is used when your app [authenticates new users](/reference/authentication/). If you're not sure what to fill in, you can use `http://localhost:8000` (which we've already filled in for you).
2727

28-
You will be able to change all of this later, but start by giving your app a name that is unique to you, or your organization.
28+
Once all the fields are filled in, click "Create."
2929

30-
Enter a website that is most closely related to this app. If it doesn't make sense for you to enter a website feel free to enter in your Alpha profile URL. (https://app.net/<YOUR USERNAME>). This will let others know who is responsible for this app.
30+
![Create Your App](https://files.app.net/01qdir2Q.png)
3131

32-
The **Redirect URL** is prefilled with http://localhost:8000 as a convenience for local development. The Redirect URL will be used when you [authenticate your app](/reference/authentication/) later.
32+
4. Your app is now created. From here you can copy your *Client ID* and *Client Secret* into your code and use them. You can also add additional *Redirect URLs* for other development or production environments. To generate an access token, follow the instructions in the next section of this page.
3333

34-
When you are satisfied with the information you have entered click create.
35-
36-
You will see something like this once you have created your app.
37-
38-
![Your New App](https://files.app.net/01qb1llv.png)
39-
40-
As you can see the **client secret** is blurred, but this is roughly what your app will look like once it has been created.
41-
42-
From here you could add additional callback URL's for different environments. As well as update your apps information at any time.
43-
44-
You can also generate your self an access token.
34+
![Your New App](https://files.app.net/01qb1llv.png)
4535

4636
## Generating an Access Token
4737

4838
There are a few ways to get an access token, but the easiest way to get an access token for personal use or experimentation is to generate one from your app detail page.
4939

50-
To see a list of your current apps visit [account.app.net/developer/apps/](https://account.app.net/developer/apps/).
51-
52-
![Your Apps Dashboard](https://files.app.net/01qlWgpd.png)
40+
1. Visit [account.app.net/developer/apps/](https://account.app.net/developer/apps/). Find the app you would like to generate an access token for and click on the name.
5341

54-
Find the app you would like to generate an access token for and click on the name. You should now see your app detail page.
42+
![Your Apps Dashboard](https://files.app.net/01qlWgpd.png)
5543

56-
![Generate a token](https://files.app.net/0q1t3Zt2.png)
44+
2. Click "Generate a user token for yourself"
5745

58-
From this screen, if you look at the second block you will see a link: 'Generate a user token for yourself'. Click on that link, and you will see a page like this.
46+
![Generate a token](https://files.app.net/0q1t3Zt2.png)
5947

60-
![Scope Selection Screen](https://files.app.net/01qv_Geq.png)
48+
3. Select the scopes for this token.
6149

62-
This is the scope authorization screen. If you have previously generated a token, some of these boxes may already be checked.
50+
To find out more about scopes your can [read the scope docs](/reference/authentication/#scopes). If you have previously generated a token, some of these boxes may already be checked.
6351

64-
To find out more about scopes your can [read the scope docs](/reference/authentication/#scopes).
52+
Once you have determined which scopes you will need select them in the form and then click "Generate."
6553

66-
Once you have determined which scopes you will need select them in the form and then click generate.
54+
![Scope Selection Screen](https://files.app.net/01qv_Geq.png)
6755

68-
![Your new access token](https://files.app.net/01lz9mQt.png)
56+
4. You now have a user access token for your app. You can copy that into your code and use it with a [client library](/docs/libraries/) or directly from curl.
6957

70-
Now you should see an access token in a textbox, then you can copy and use in a client library, or even from curl.
58+
<div class="alert alert-error alert-block">
59+
<b>Remember</b>: An access token is just like a password. It will allow applications to interact with the API on your behalf. So, keep it secret.
60+
</div>
7161

72-
<div class="alert alert-error alert-block">
73-
<b>Remember</b>: An access token is just like a password. It will allow applications to interact with the API on your behalf. So, keep it secret.
74-
</div>
62+
![Your new access token](https://files.app.net/01lz9mQt.png)
7563

7664
## Launching your app
7765

0 commit comments

Comments
 (0)