Mixi

Before You Start

Creating a Mixi Account

  1. Click the yellow-orange button highlighted with a green box shown in Figure 1.
  2. A new screen is displayed.

    Mixi-1

    Figure 1

  3. Enter your email address in the field marked in Figure 2.
  4. Click the orange button near the bottom of the screen, as shown in Figure 2.

    Mixi-2

    Figure 2

  5. A new page that shows your email address is displayed. Check your email inbox.
  6. In the email from Mixi, click on the link. Fill out your profile fields. (Chrome includes a built-in translator that might prove useful at this point.)

    Mixi-3

    Figure 3: Mixi Profile and Login Information

  7. In the Current Address drop-down menu, the very last choice is Overseas. Otherwise, all addresses are for Japanese prefectures.
  8. On the far right, you can set the privacy levels for some of the fields. Public to a Friend is the top choice.
  9. At the bottom, in the second section, you can set your password.
  10. Be sure to click the Terms and Conditions box, just above the big orange button.
  11. Click the orange button at the bottom of the page when you are ready.
  12. A confirmation page showing your information is displayed. If it is correct, click the orange button near the bottom. If your info is not correct, click the smaller white button next to the orange button. This takes you back to the profile page where you can make changes.
  13. If you clicked the orange button, a new page that prompts you for your cell phone information is displayed. This is where you need a smart phone registered in Japan.
  14. A screen is displayed on your phone. Click the link.

Mixi Identity Provider Setup

To set up Mixi as an identity provider, follow these steps.

  1. Sign in to the Janrain Dashboard (dashboard.janrain.com).
  2. Click the Manage Engage App button (Manage_SL_App_Icon) corresponding to the property to configure.
  3. On the right side of the page, click the Provider Configuration link. The Provider Configuration page is displayed.
  4. In the list on the right, click Mixi.
  5. Click Configure. This starts the Mixi Setup Wizard.

    Mixi-4

    Figure 4: Mixi Setup Wizard, Intro Page

  6. After you log in to the Mixi developer’s site, click Next. A new pop-up dialog is displayed.
  7. Copy the Callback URL to a text file. You will need it in the next section.
  8. Set up a Mixi partner:
    1. Go to the Mixi developer’s site.
    2. The link should take you to the mixi Graph API page. If not, select mixi Graph API from the top navigation menu (it is the second tab from the left, see Figure 2).
    3. Click the Adding new services link on the left menu.

      Mixi-5

      Figure 5: Partner Dashboard, Add New Service Link

    4. A new page is displayed.

      Mixi-6

      Figure 6: Registration of New Services Page

  9. Enter a Service name for your service or application.
  10. Copy the Callback URL on the Mixi Setup Wizard and paste it to the Callback URL field on the Registration form.
  11. In the Allowed domain list, enter the domains that your service accepts. This is a whitelist. Any domains not included here will be denied access to your application (do not include “http://”).
  12. Enter a Contact Email Address in the required field, and fill out the rest of the form as needed. Note: A confirmation email will be sent to this address when the configuration is completed.
  13. Click the Agree radio button below the Terms and Conditions text.
  14. Click Check at the bottom of the page. A confirmation page is displayed.
  15. If all of your information is correct, click Sign-Up. If successful, a confirmation screen is displayed.

    Mixi-7

    Figure 7: Service Registration Complete

  16. Mixi will send a confirmation email to your contact email address. Click the confirmation link in the email message and re-enter your password to complete the verification process.
  17. In the top navigation bar, click the mixi Graph API tab. A page with a list of all of your applications is displayed.
  18. Click your application name. A new page containing your application information is displayed.
  19. Copy your Key and Secret.
  20. On the Mixi Setup Wizard, click Next. Enter the Key and Secret values.
  21. Click Save. A success page is displayed.

    Mixi-8

    Figure 8: Mixi Setup Wizard, Mixi Enabled Page

Your Mixi provider is now configured and available as an option for Social Login.