See Guide to Android third party authentication and re-skin
See Set up third-party authentication with the provider of choice
Overview
This document mainly describes how to quickly implement QQ and WeChat authentication through Gizwits App Framework as well as re-skin for the App.
QQ authentication
To support QQ authentication, you should first create an application on the Tencent open platform, obtain the APPID for the App, which will be used in the Gizwits App Framework.
Get APP ID and bind the application
For obtaining APP ID and binding Gizwits application, see Guide to Application for QQ authentication.
Configuration of Gizwits App Framework
Configure Tencent APPID
Type the APPID obtained from Tencent development platform into the configuration file UIConfig.json of Gizwits App Framework.
Configure URL Schemes
The user is supposed to navigate to the QQ authentication page for login. After successful login, it will be redirected to you own App. At this time, you need to give the QQ SDK a redirect URL, which is set through the URL Schemes.
Select Targets -> Info, click URL Types to see the following page:
There are two parts that should be modified in the red box: URL Schemes and Identifier.
The format of URL Schemes value is: tencent + Tencent’s APP ID.
Identifier value generally adopts the reversed domain name to ensure its uniqueness. It can also be set to the Bundle Identify of the program.
Wechat authentication
To implement WeChat authentication, you need to go to the WeChat open platform to register for an application, obtain the APPID and APPSecret of the application which will be applied to the Gizwits App Framework.
Get APPID and APPSecret
To get APPID and APPSecret, see Guide to Application for WeChat authentication.
Configuration of Gizwits App Framework
Configure WeChat APPID
Type the APPID and APPSecret obtained from WeChat development platform into the configuration file UIConfig.json of Gizwits App Framework, as shown below.
Configure URL Schemes
The user is supposed to navigate to the WeChat authentication page for login. After successful login, it will be redirected to you own App. At this time, you need to give the WeChat SDK a redirect URL, which is set through the URL Schemes.
Select Targets -> Info, click URL Types to see the following page:
There are two parts that should be modified in the red box: URL Schemes and Identifier.
The format of URL Schemes value is: WeChat APP ID.
Identifier value generally adopts the reversed domain name to ensure its uniqueness. It can also be set to the Bundle Identify of the program.
App Re-Skin
The Gizwits App Framework has the re-skin feature. Quick re-skin can be achieved by modifying the UIConfig.json file.
As shown in the red box, the code snippet for your custom skin has the following parameters:
1 2 3 4 5 6
buttonColor: button color buttonTextColor: button text color navigationBarColor: navigation bar color navigationBarTextColor: navigation bar text color configProgressViewColor: configuration progress view color statusBarStyle: status bar color
Quick res-skin can be achieved by modifying the corresponding color values. Refer to the following example:
Docs
