无法使用 Gmail API 获取 Gmail 只读邮件。 这里使用的语言是 html 和 javascript

Question

I have written three files which are: home-flatfull.jsp, settings-social-prefs.html and google-js-api-wrapper.js files.

In home-flatfull.jsp file, I have written as below:

head.js('jscore/lib/base64.js', 'jscore/lib/google-js-api.js', 'jscore/lib/google-js-api-wrapper.js', function () {
        var config = {
            apiKey: 'AIzaSyCa52K8J68kr5b4S7Afu1FQzeleCfvzOFs',
            clientId: '492662354647-877atvgj1a0pu82nrutsm50rcmg0lufh.apps.googleusercontent.com',
            discoveryDocs: ["https://www.googleapis.com/discovery/v1/apis/gmail/v1/rest"],
            scopes: 'https://www.googleapis.com/auth/gmail.readonly',
            listener: function(response){
              console.log(' Check google ');
              console.log(response);
            }
        };

        googleJSAPI = GoogleJSAPI.getInstance(config);

      });

In settings-social-prefs.html file I have defined as below:

<a onclick="googleJSAPI.signIn()" class="btn btn-sm btn-default">
                            {{agile_lng_translate 'prefs-email' 'enable'}}
                        </a>

In google-js-api-wrapper.js file, I have defined as below:

class GoogleJSAPI {

    emailRegx = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    instance;
    isActive = false;

    constructor(config) {
        console.log(' google code loaded ');
        gapi.load('client:auth2', () => {
            gapi.client.init({
                apiKey: config.apiKey,
                clientId: config.clientId,
                discoveryDocs: config.discoveryDocs,
                scope: config.scopes
            }).then(() => {
                this.isActive = true;
                console.log(' config loaded ');
                gapi.auth2.getAuthInstance().isSignedIn.listen(config.listener);
            }, (error) => {
                this.isActive = false;
                console.log(JSON.stringify(error, null, 2));
            });
        });
    }

    static getInstance(config) {
        if (!this.instance) {
            this.instance = new GoogleJSAPI(config);
        }
        return this.instance;
    }

    isActive() {
        return this.isActive;
    }

    isUserLoggedIn() {
        return gapi.auth2.getAuthInstance().isSignedIn.get();
    }

    signIn = () => {
        gapi.auth2.getAuthInstance().signIn();
    }

    signOut() {
        gapi.auth2.getAuthInstance().signOut();
    }

    getSorted(a, b) {
        return new Date(b.date).getTime() - new Date(a.date).getTime();
    }

    getMailList(queryObject) {
        return new Promise((resolve, reject) => {
            gapi.client.gmail.users.messages.list(queryObject).then(function (response) {
                resolve(response.result);
            });
        });
    }

    getMailContentById(id) {
        return new Promise((resolve, reject) => {
            gapi.client.gmail.users.messages.get({
                'userId': 'me', 'id': id
            }).then((response) => {
                let message = {};

                let headers = response.result.payload.headers;
                headers.forEach((header) => {
                    if (header.name === "From") {
                        message['from'] = header.value;
                    } else if (header.name === "Subject") {
                        message['subject'] = header.value;
                    } else if (header.name === "To") {
                        message['to'] = theader.value;
                    } else if (header.name === "Date") {
                        message['date'] = header.value;
                    } else if (header.name === "Cc") {
                        message['cc'] = header.value;
                    }
                });

                try {
                    if (response.result.payload) {
                        let body = "";
                        if (response.result.payload.body.size > 0) {
                            body = response.result.payload.body.data;
                        } else {
                            let bodyParts = response.result.payload.parts;
                            bodyParts.forEach((part, index) => {
                                if (part.type = "text/html") {
                                    //console.log(index);
                                    body = part.body.data;
                                    return;
                                }
                            });
                        }

                        message['message'] = Base64.decode(body);
                        // console.log(message['body']);
                    }
                } catch (e) {
                    //console.log(index);
                    //console.log(response.result);
                    //console.log(e);
                }
                resolve(message);
            });
        });
    }

    getInboxMailsWithContent(nextPageToken, fromEmail) {

        var qData = '';

        var queryObject = {
            'userId': 'me',
            'labelIds': ['INBOX']
        };

        if (nextPageToken) {
            queryObject['pageToken'] = nextPageToken;
        }

        if (fromEmail) {
            qData += 'from:' + fromEmail;
        }

        queryObject['q'] = qData;

        return new Promise((resolve, reject) => {
            gapi.client.gmail.users.messages.list(queryObject).then((response) => {

                let resultObject = {
                    nextPageToken: response.result.nextPageToken
                };

                let messages = new Array();
                let rawMessages = response.result.messages;

                rawMessages.forEach((rawMessage, index) => {
                    gapi.client.gmail.users.messages.get({
                        'userId': 'me', 'id': rawMessage.id
                    }).then((response) => {
                        let message = {
                            id: rawMessage.id
                        };

                        let headers = response.result.payload.headers;
                        headers.forEach((header) => {
                            if (header.name === "From") {
                                message['from'] = header.value;
                            } else if (header.name === "Subject") {
                                message['subject'] = header.value;
                            } else if (header.name === "To") {
                                message['to'] = header.value;
                            } else if (header.name === "Date") {
                                message['date'] = header.value;
                            } else if (header.name === "Cc") {
                                message['cc'] = header.value;
                            }
                        });

                        try {
                            if (response.result.payload) {
                                let body = "";
                                if (response.result.payload.body.size > 0) {
                                    body = response.result.payload.body.data;
                                } else {
                                    let bodyParts = response.result.payload.parts;
                                    bodyParts.forEach((part, index) => {
                                        if (part.type = "text/html") {
     f                                       //console.log(index);
                                            body = part.body.data;
                                            return;
                                        }
                                    });
                                }

                                message['message'] = Base64.decode(body);
                                // console.log(message['body']);
                            }
                        } catch (e) {
                            //console.log(index);
                            //console.log(response.result);
                            //console.log(e);
                        }
                        messages[index] = message;
                    });
                });

                // resultObject.messages = messages.sort(this.getSorted);
                resultObject.messages = messages;
                resolve(resultObject);

            });

        });
    }
}

function getInboxMailsWithContent(nextPageToken, fromEmail, callback) {
    googleJSAPI.getInboxMailsWithContent(nextPageToken, fromEmail).then((response) => {
        setTimeout(() => {
            if (callback && typeof (callback) == "function") {
                callback(response);
            }
        }, 3000);
    });
}

When I clicked on enable button in settings-social-prefs.html file, I am just getting the gmail login page and gmail password page once I have provided gmail username and password, I got the consent screen which asks to allow access to user's email then I am getting the blank screen without getting the Gmail Read-Only mails of a specified user who has logged in. Can you please help me on this to get Gmail Read-Only mails when I click on enable button.

Answer 1

you may turn off two factor authentication (if on) and also "allow low secure apps to connect" in google my account settings

Ps: Displaying API in public should be avoided:-)