Tutorial: Ús de components de codi als portals (versió preliminar)

[Aquest article forma part de la documentació preliminar i està subjecte a canvis.]

En aquest tutorial, creareu un component d'exemple utilitzant Power Apps marc de components. Empaquetareu aquest component a un entorn Dataverse i afegireu el component a una aplicació basada en models. A continuació, configurareu Power Apps portals per afegir el component a un formulari bàsic, definir l'accés a la taula de recursos web i afegir el formulari bàsic a una pàgina web. Finalment, visitareu la pàgina web dels portals i interactuareu amb el component.

Requisits previs

  • La versió del portal ha de ser la 9.3.3.x o superior.
  • El paquet de portal d'inici ha de ser el 9.2.2103.x o superior.

Nota

Aquest tutorial es basa en el tutorial marc de components Power Apps existent que us guiarà per la creació del TSLinearInputcomponent per a la taula Oportunitat del formulari Principal. També podeu utilitzar qualsevol component existent o nou, i qualsevol altra taula per a aquest tutorial. En aquest cas, assegureu-vos d'utilitzar el component i el formulari quan seguiu els passos d'aquest tutorial.

Pas 1. Crear el vostre primer component

Per crear un component d'exemple, seguiu els passos del tutorial Crear el vostre primer component. Al final d'aquest tutorial, tindreu el component anomenat TSLinearInputComponent empaquetat i carregat al vostre entorn Dataverse.

Pas 2. Afegir el component de codi a un camp d'una aplicació basada en models

Ara que teniu el TSLinearInputComponent carregat al vostre entorn de Dataverse, seguiu els passos del tutorial Afegeix un component de codi a un camp d'aplicacions basades en models per afegir el component a la taula Oportunitat del formulari principal.

Pas 3. Verificar l'aplicació basada en model amb el component nou

Podeu actualitzar una aplicació basada en models existent o crear una aplicació nova amb el formulari al qual heu afegit el component. Per exemple, la imatge següent mostra l'aspecte del formulari Principal de la taula Oportunitat quan s'utilitza el component de codi d'aquest tutorial.

Control lliscant afegit al camp d'import del pressupost al formulari d'aplicació basada en models

Pas 4. Afegir un component de codi al formulari bàsic als portals

En aquest pas, creareu un formulari bàsic nou als portals i, a continuació, afegireu el component al formulari bàsic creat. També podeu utilitzar en el seu lloc un formulari bàsic existent.

Pas 4.1. Crea un formulari bàsic nou

  1. Obriu l'aplicació Administració del portal.

  2. A la subfinestra esquerra, a Contingut, seleccioneu Formularis bàsics.

  3. Seleccioneu Crea.

  4. Introduïu el nom. Per exemple, Formulari bàsic Oportunitats amb component de codi.

  5. Seleccioneu Nom bàsic com a Oportunitat.

  6. Per al Nom del formulari, seleccioneu el formulari de l'aplicació basada en model al qual heu afegit el component de codi anteriorment en aquest tutorial.

  7. Seleccioneu el Nom de la pestanya.

  8. Seleccioneu el Lloc web del vostre portal.

    Configurar un formulari bàsic amb l’aplicació d’administració de portals.

  9. Seleccioneu Desa i tanca.

Pas 4.2. Afegir un component de codi al formulari bàsic

  1. Obriu l'aplicació Administració del portal.

  2. A la subfinestra esquerra, a Contingut, seleccioneu Formularis bàsics.

  3. Seleccioneu el formulari bàsic que heu creat al pas anterior.

  4. Seleccioneu Relacionada.

  5. Seleccioneu Metadades de formulari bàsic.

  6. Seleccioneu Metadades de formulari bàsic noves.

  7. Seleccioneu Tipus com a Atribut.

  8. Seleccioneu El nom lògic de l'atribut com a import del pressupost (budgetamount).

    Nom lògic de l'atribut d'import del pressupost

  9. Introduïu Etiqueta. Per exemple, Import del pressupost.

  10. Per a Estil de control, seleccioneu Component de codi.

    Estil de control

  11. Seleccioneu Desa i tanca.

Pas 5. Permetre l'accés de lectura a la taula de recursos web

  1. Obriu l'aplicació Administració del portal.

  2. A la subfinestra esquerra, a Seguretat, seleccioneu Permisos de taula.

  3. Seleccioneu Crea.

  4. Introduïu el nom. Per exemple, Permisos per al component de codi de la taula Recurs web.

  5. Seleccioneu Taula com a Recurs web (webresource).

  6. Seleccioneu el Lloc web.

  7. Per a Àmbit, seleccioneu Global.

  8. A la secció Privilegis, seleccioneu Lectura.

  9. Seleccioneu Desa.

    Permisos per al component de codi

  10. A Funcions web, seleccioneu Afegeix funció web existent.

  11. Trieu la funció web segons calgui. Per exemple, trieu la funció web Usuaris autenticats d'un registre de lloc web del portal per permetre l'accés a tots els usuaris autenticats.

    Funció web per al component de codi

  12. Seleccioneu Desa i tanca.

Pas 6. Crear una pàgina web als portals amb el formulari bàsic

  1. Obriu el portal a Power Apps portals Studio.

  2. A l'extrem superior esquerre, seleccioneu Pàgina nova.

  3. Seleccioneu En blanc.

  4. A la subfinestra de propietats de la dreta, actualitzeu el nom de la pàgina web. Per exemple, Oportunitats.

  5. Actualitzeu l'adreça URL parcial. Per exemple, oportunitats.

  6. Amplieu Permisos.

  7. Inhabiliteu Pàgina disponible per a tothom.

  8. Seleccioneu les funcions web a les quals s'hauria de permetre l'accés a aquesta pàgina.

  9. A l'editor de pàgines, a sota de la secció Capçalera, seleccioneu la secció Columna.

  10. A la subfinestra esquerra, seleccioneu Components.

  11. A Components del portal, seleccioneu Formulari.

  12. A la subfinestra de propietats de la dreta, seleccioneu Utilitza existent.

  13. A Nom, Seleccioneu el formulari bàsic que heu creat anteriorment en aquest tutorial.

    Suggeriment

    Si no veieu el formulari disponible, proveu Sincronitza la configuració per sincronitzar els canvis des de Dataverse.

  14. A la part superior dreta, seleccioneu Navega pel lloc web.

La pàgina web ara mostrarà el formulari bàsic de la taula Oportunitats amb el component de codi com a control lliscant, de manera similar a com apareix amb l'aplicació basada en models per al mateix formulari.

Exemple de visualització prèvia del control lliscant de l'import del pressupost a la pàgina de portals

Passos següents

Informació general: Ús dels components de codi als portals

Consulteu també

Power Apps visió general del marc de components
Crear el vostre primer component
Afegir components de codi a un camp o taula en aplicacions basades en models