Použití segmentu s Ember.js

Pracoval jsem na College Conductor, abych pomohl sloužit nezávislým pedagogickým konzultantům (jako je tento :) a středoškolským poradcům. Abych našel vhodný produkt na trhu, používám Segment, který získává data potřebná k rozhodnutí, jak službu zlepšit. V tomto příspěvku popíšu, jak jsem propojil Segment s frontendem Ember.js College Conductor.

Práce se segmentem v Ember lze provádět pomocí ember-cli-segment, doplňku Ember, který poskytuje službu Ember pro komunikaci se Segmentem. První věc, kterou jsem udělal, byla instalace doplňku pomocí:

$ ember install ember-cli-segment

ember-cli-segment má na své stránce GitHub solidní README, který na velmi podrobné úrovni instruuje uživatele, co mají dělat. Než jsem se zahrabal do detailů, měl jsem s tímto doplňkem dva počáteční cíle.

1. Připojte se k segmentu a zaznamenávejte základní analýzy.
2. Využijte rozhraní API pro identifikaci ke spojení uživatelů s jejich akcemi.

Jakmile byly tyto dva cíle splněny, mohl jsem sledovat dostatek chování, abych mohl na základě dat rozhodovat o tom, co v produktu zlepšit.

Připojit k segmentu

Připojení aplikace Ember k Segmentu zahrnovalo přidání mého klíče pro zápis Segmentu do konfigurace aplikace. Výsledek v mém environment.js soubor byl něco jako:

ENV['segment'] = {
  WRITE_KEY: 'my_segment_write_key'
}

S takovou konfigurací začala data proudit z College Conductor do segmentu. Vzrušující!

Identifikace uživatelů

Můj druhý cíl identifikace uživatelů byl proveden pomocí háčku aplikační trasy. Pokud vytvoříte metodu s názvem identifyUser ve vaší aplikační trase a poté ember-cli-segment vytvoří identify Volání API vaším jménem.

Musel jsem poskytnout ID uživatele a jakékoli další informace, které jsem chtěl. V této fázi vývoje mého produktu jsou všechna další data, která chci, včetně uživatelského jména účtu.

Můj kód v app/application/route.js vypadá jako:

identifyUser() {
  const user = this.get('currentUser.user');
  if (user) {
    this.get('segment').identifyUser(
      user.get('id'), {username: user.get('username')});
  }
}

Tento kód získá ověřeného uživatele z currentUser službu, kterou jsem vytvořil, a identifikuje daného uživatele pomocí segmentu.

Děkujeme

Když jsem dokončil tuto práci, byl jsem velmi vděčný za ember-cli-segment . Doplněk mi hodně usnadnil práci. To je jedna z věcí, které se mi na komunitě Ember opravdu líbí. Doplňky Ember CLI mohou ubrat část velmi náročné vývojové práce. To znamená, že mohu strávit více času na College Conductor a méně času na matičky a šrouby integrace služeb.

Tento článek se poprvé objevil na mattlayman.com.