Как разместить кнопку Google Plus +1 внутри кордовой/ионной программы?

Ответ 1

Если вы не хотите обрабатывать логин, вы можете создать плагин для добавления родного PlusOneButton. Я работаю над этим прямо сейчас, я постараюсь выпустить его сегодня днем, но поскольку модераторы не любят "связывать только соседей", я объясню, как построить плагин, и я добавлю ссылку один раз Я завершаю разработку.

Прежде всего, прочитайте руководство о том, как создать плагин cordova, я не собираюсь входить в этот уровень детализации.

Для вашего подкласса CordovaPlugin понадобятся следующие переменные:

private PlusOneButton mPlusOneButton;
private String URL;

Ваш метод выполнения должен выглядеть следующим образом:

public boolean execute(String action, final JSONArray args, final CallbackContext callbackContext) throws JSONException {
    if (action.equals("show")) {//show is the name of the method you call from javascript
        URL = "http://www.phonegap.es";//you should pick it from the plugin params
        mPlusOneButton =  new PlusOneButton(cordova.getActivity());
        mPlusOneButton.initialize(URL, null);

        //you have to run this part making sure you run it on the UI Thread
        cordova.getActivity().runOnUiThread(new Runnable() {
            public void run() {
                cordova.getActivity().addContentView(mPlusOneButton,new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT));


                //position the button wherever you want, you should pick the values from the plugin params
                mPlusOneButton.setX(300);
                mPlusOneButton.setY(300);

            }
        });

    } else {
        return false;
    }
    return true;
}

Наконец, добавьте метод onResume, чтобы обновить статус кнопки.

@Override
public void onResume(boolean multitasking) {
    super.onResume(multitasking);
    mPlusOneButton.initialize(URL, null);
}

Плагин должен будет добавить зависимость com.google.android.gms:play-services-plus

Вы можете сделать это, добавив эту строку в файл plugin.xml

<framework src="com.google.android.gms:play-services-plus:+" />

EDIT: плагин готов https://github.com/jcesarmobile/plusOneButtonPlugin

Чтобы установить его

cordova plugin add https://github.com/jcesarmobile/plusOneButtonPlugin

Чтобы использовать его:

var params = {};
params.url = "http://www.example.com";
params.position = {x:100,y:100};
plusOneButton.show(params);

или

plusOneButton.show("http://www.example.com");

Ответ 2

Ваша проблема заключается в том, что пользователь не вошел в систему со своей учетной записью Google внутри браузера cordova, поэтому, очевидно, вы видите приглашение для входа при нажатии кнопки +1.

Я понимаю, что вы хотите получить доступ к глобальной учетной записи Google, подключенной к пользовательскому телефону/ОС, и использовать ее в своем приложении. Во-первых, вашему приложению нужны учетные данные для доступа к этим данным, тогда они должны быть доступны из браузера cordova. Там этот плагин, который делает это для вас.

В коде инициализации вы можете вызвать window.plugins.googleplus.login(...), который будет запрашивать у пользователя подтверждение (если необходимо) и войти в систему.

Убедитесь, что после входа в систему инициализируется кнопка +1, поэтому состояние отображается правильно. Например (если вы используете jQuery):

$(document).ready(function() {
  loginToGoogle();
  initPlusOneButton();
}

function loginToGoogle() { ... }

function initPlusOneButton() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
}