{"id":32465,"date":"2019-10-31T21:47:12","date_gmt":"2019-10-31T18:47:12","guid":{"rendered":"https:\/\/prohoster.info\/blog\/pro-veb-klient-1s\/"},"modified":"2026-05-20T19:17:21","modified_gmt":"2026-05-20T17:17:21","slug":"pro-veb-klient-1s__trashed","status":"publish","type":"post","link":"https:\/\/prohoster.info\/nl\/blog\/administrirovanie\/pro-veb-klient-1s__trashed","title":{"rendered":"Over de 1C webclient","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

Een van de prettige kenmerken van de 1C:Enterprise-technologie is dat een applicatieoplossing die is ontwikkeld met behulp van de technologie van beheerde formulieren, zowel kan worden uitgevoerd als een dunne (uitvoerende) client op Windows, Linux, MacOS X, als als een webclient in 5 browsers \u2013 Chrome, Internet Explorer, Firefox, Safari, Edge, en dit alles \u2013 zonder de broncode van de applicatie te wijzigen. Sterker nog, visueel functioneert en ziet de applicatie in de dunne client en in de browser er praktisch identiek uit.
\nVind de 10 verschillen (onder de kat 2 afbeeldingen):
\n<\/a><\/noindex>
\nHet venster van de dunne client op Linux:<\/p>\n

\"Over
\n
\nHetzelfde venster in de webclient (in de browser Chrome):<\/p>\n

\"Over
\n
\nWaarom hebben we een webclient gemaakt? Wat wat grandioos klinkt, is dat de tijd ons deze uitdaging heeft gesteld. Al geruime tijd is werken via het internet een vereiste geworden voor business applicaties. Eerst hebben we de mogelijkheid toegevoegd om via het internet te werken met onze dunne client (enkele van onze concurrenten zijn hier bijvoorbeeld bij gebleven; andere, daarentegen, hebben de dunne client opgegeven en hebben zich beperkt tot de implementatie van de webclient). Wij hebben echter besloten onze gebruikers de keuze te geven over welke clientvariant het beste bij hen past.<\/p>\n

\"Over
\n
\nHet toevoegen van de mogelijkheid om via het internet te werken met de dunne client was een groot project met een volledige wijziging van de architectuur van de client-serverinteractie. De creatie van de webclient is zelfs een geheel nieuw project dat vanuit het niets is begonnen.<\/p>\n

Taakstelling<\/h3>\n

\nDus, de vereisten voor het project: de webclient moet hetzelfde doen als de dunne client, namelijk:<\/p>\n

    \n
  1. De gebruikersinterface weergeven<\/li>\n
  2. Clientcode uitvoeren, geschreven in de 1C-taal<\/li>\n<\/ol>\n

    \nDe gebruikersinterface in 1C wordt beschreven in een visuele editor, maar declaratief, zonder pixel-perfect positionering van elementen; er worden ongeveer dertig verschillende typen interface-elementen gebruikt \u2013 knoppen, invoervelden (tekst, cijfers, datum\/tijd), lijsten, tabellen, grafieken, enz. <\/p>\n

    Clientcode in de 1C-taal kan serveraanroepen, werken met lokale resources (bestanden, enz.), afdrukken en nog veel meer bevatten.<\/p>\n

    Zowel de dunne client (bij gebruik via het web) als de webclient maken gebruik van dezelfde set webservices voor communicatie met de 1C-applicatieserver. De implementatie bij de clients is natuurlijk verschillend \u2013 de dunne client is geschreven in C++, de webclient \u2013 in JavaScript.<\/p>\n

    Een beetje geschiedenis<\/h3>\n

    \nHet project voor de ontwikkeling van een webclient is in 2006 gestart, met gemiddeld een team van 5 personen. Gedurende bepaalde fases van het project werden ontwikkelaars aangetrokken voor de implementatie van specifieke functionaliteiten (zoals spreadsheets, diagrammen, enz.); doorgaans waren dit dezelfde ontwikkelaars die deze functionaliteit ook in de thin client hadden gemaakt. Dat wil zeggen, de ontwikkelaars herschreven de componenten die ze eerder in C++ hadden gemaakt opnieuw in JavaScript.<\/p>\n

    Vanaf het begin hebben we het idee van enige automatische (zelfs gedeeltelijke) conversie van C++-code van de thin client naar de JavaScript-webclient verworpen, vanwege de sterke conceptuele verschillen tussen deze twee talen; de webclient werd vanaf het begin in JavaScript geschreven.<\/p>\n

    In de vroege iteraties van het project converteerde de webclient de clientcode in de ingebedde taal 1C direct naar JavaScript. De thin client doet dit anders \u2014 de code in de ingebedde taal 1C wordt gecompileerd naar bytecode, en deze bytecode wordt vervolgens op de client ge\u00efnterpreteerd. Later begon ook de webclient dit te doen \u2014 ten eerste zorgde dit voor prestatieverbeteringen, en ten tweede maakte het mogelijk de architectuur van de thin client en de webclient te uniformiseren.<\/p>\n

    De eerste versie van het 1C:Enterprise-platform met ondersteuning voor de webclient werd in 2009 uitgebracht. De webclient ondersteunde op dat moment 2 browsers \u2013 Internet Explorer en Firefox. In de oorspronkelijke plannen was er ondersteuning voor Opera, maar door onoverkomelijke problemen met de afhandelingsmechanismen voor het sluiten van de applicatie in Opera (het was niet mogelijk om met 100% zekerheid te traceren wanneer de applicatie werd gesloten, en op dat moment de ontkoppelprocedure van de 1C-applicatieserver uit te voeren) moesten deze plannen worden afgeblazen.<\/p>\n

    Projectstructuur<\/h3>\n

    \nEr zijn in totaal 4 projecten op het 1C:Enterprise-platform geschreven in JavaScript:<\/p>\n

      \n
    1. WebTools \u2013 algemene bibliotheken die door de andere projecten worden gebruikt (hierbij voegen we ook Google Closure Library<\/a><\/noindex>).<\/li>\n
    2. Besturings element GeformatteerdDocument<\/a><\/noindex> (ge\u00efmplementeerd in zowel de thin client als de webclient)<\/li>\n
    3. Besturings element Scheduler<\/a><\/noindex> (ge\u00efmplementeerd in zowel de thin client als de webclient)<\/li>\n
    4. Webclient<\/li>\n<\/ol>\n

      \nDe structuur van elk project lijkt op de structuur van Java-projecten (of .NET-projecten \u2013 wat je ook het dichtst bij de hand hebt); we hebben namespaces, en elke namespace ligt in een aparte map. Binnen de map bevinden zich de bestanden en klassen van de namespace. Het webclient-project bevat ongeveer 1000 bestanden.<\/p>\n

      Structueel wordt de webclient grofweg verdeeld in de volgende subsysteem:<\/p>\n