Кнопка регистрации Linkedin API - я новичок

Question

Я делаю сайт впервые. Я прошу прощения за любой глупый вопрос, но у меня действительно нет никакого фона. Однако я пытаюсь учиться. Я разработал веб-сайт на Weebly (www.i2i.network) и пытаюсь включить кнопку LinkedIn SignUp через их API-сервис для мониторинга людей, которые используют веб-сайт.

До сих пор я скопировал и вставил то, что нашел в руководстве LinkedIn SDK

<script type="in/Login"></script>

<script type="text/javascript" src="//platform.linkedin.com/in.js">
    IN.User.logout(callbackFunction, callbackScope);
    api_key:   [API] //I put my API key here 
    authorize: true
    onLoad: onLinkedInLoad
    lang:      [LANG_LOCALE]
</script>

<script type="text/javascript">

    // Setup an event listener to make an API call once auth is complete
    function onLinkedInLoad() {
        IN.Event.on(IN, "auth", getProfileData);
    }

    // Handle the successful return from the API call
    function onSuccess(data) {
        console.log(data);
    }

    // Handle an error response from the API call
    function onError(error) {
        console.log(error);
    }

    // Use the API call wrapper to request the member's basic profile data
    function getProfileData() {
        IN.API.Raw("/people/~").result(onSuccess).error(onError);
    }

</script>

Кнопка появилась в первый раз, и она открывает соединение с моим профилем LinkedIn. Это захватывающе!:D (Компьютерщик)

На данный момент я до сих пор не знаю, могу ли я получить какие-либо данные из API-интерфейса LinkedIn и если да, как управлять ими и, возможно, включить их в Intercom.io.

Насколько я понял, я должен получить из LinkedIn API следующее:

{
  "firstName": "Frodo",
  "headline": "Jewelery Repossession in Middle Earth",
  "id": "1R2RtA",
  "lastName": "Baggins",
  "siteStandardProfileRequest": {
    "url": "https://www.linkedin.com/profile/view?id=…"
  }
}

Я действительно получаю ответ? Как мне это прочитать? Как мне использовать его в следующем скрипте Intercom.io?

<script>
  window.intercomSettings = {
    app_id: "k9sz4pfb",
    name: "Nikola Tesla", // Full name
    email: "[e-mail]", // Email address
    created_at: 1312182000 // Signup date as a Unix timestamp
  };
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/k92zopfb';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>

Я знаю, что это может быть очень простой вопрос, но я начинаю с нуля, и мне нравится учиться на практике...

Кроме того, если у вас есть какие-либо предложения о веб-сайте или учебном пособии, где я мог бы учиться шаг за шагом, это будет очень признательно.

Спасибо за помощь,

Giacomo

Answer 1

Дважды проверьте синтаксис, но это должно помочь вам начать.

// Use the API call wrapper to request the member's basic profile data
 function getProfileData() {
    var dataOutput = 


      // I added the callback event DONE. This assures the data method is called when the this API call is successful and complete.
     var dataOutput =    IN.API.Raw("/people/~").result(onSuccess).error(onError).done( {

       if (dataOutput != null) {
          DoSomethingWithYourData(dataOutput);
       }
    });

 }

  function DoSomethingWithYourData(dataOutput) {
    console.log(dataOutput);
    // Parse your data or assign it to a control. do whatever here.
 }

И чтобы ответить на ваш другой вопрос, вы можете добавить это в файл сценария JS и сослаться на него на других страницах, но вы должны будете сохранить любые идентификаторы элементов управления / имена классов, добавленные в этот файл сценария, одинаковыми, поэтому мой совет будет сохранить этот файл очень общий, так что он не зависит ни от чего другого и касается только работы с данными LinkedIn.

Я рекомендую эти ссылки для дальнейшего чтения, чтобы вы могли расширить свой код.

Jquery Parse JSON

JQuery AJAX

Обратные вызовы JQuery