Question about retrieving data

Smag0 · March 31, 2021, 12:20am

Hi @wenjingli-qa the first issue is totaly normal as solid.community does not existe anymore, the new server is solidcommunity.net, so this should work https://solid.github.io/ldflex-playground/#[‘https%3A%2F%2Fspoggy-test9.solidcommunity.net%2Fprofile%2Fcard%23me’].vcard%24fn instead of

as @Vincent said

solid-auth-client was at first, used by some earlier librairies ( tripledoc, solid-file-client, ldflex) and it is ok for node-solid-server (also called NSS) installed https://solid.fuxitechnology.cn/ or at https://solidcommunity.net or https://inrupt.net/
i don’t know all (@Vincent correct me please if nedeed) but for security reason another lib has been implemented for authentication : @inrupt/solid-client-authn-browser with other another librairy that allow to deal with data and files Read/Write Structured Data — Inrupt JavaScript Client Libraries that seems to work with the new version of Inrupt’s Entreprise solid server (ESS) .

but for many reason I personnally feel more easy with the first stack (folder files & subfolders with solid-file-client, one line access with ldflex…) whereas i know that the second should certainely replace the first

then for the ldflex/webpack issue, @RubenVerborgh gave me a solution here that could help you how to externalize query-ldflex in shighl webpack.config.js ? · Issue #57 · LDflex/Query-Solid · GitHub but Make Webpack configuration for an ES6 module · Issue #25 · LDflex/Query-Solid · GitHub

that work but for other projects, the solution i first found is importing solid-auth-client & ldflex in the index.html as an “old” js ( lines 9 to 11)

github.com

scenaristeur/ipgs/blob/7515c29fa6f4824ebf34325e7bb1487fe123c18a/public/index.html#L9


      
          <!DOCTYPE html>
          <html lang="en">
          <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width,initial-scale=1.0">
            <link rel="icon" href="<%= BASE_URL %>favicon.ico">
            <title><%= htmlWebpackPlugin.options.title %></title>
            <script src="https://cdn.jsdelivr.net/npm/solid-auth-client@2.3.0/dist-lib/solid-auth-client.bundle.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/rdflib/dist/rdflib.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/@solid/query-ldflex/dist/solid-query-ldflex.rdflib.js"></script>
            <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> -->
            <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css"
          />
          
          </head>
          <body>

and then get it in my modules (line 1 and line 16) with

github.com

scenaristeur/ipgs/blob/12b9a691fe1521d2155d967a03a3cd50ce269ab3/src/store/modules/solid.js#L1


      
          let ldflex = window.solid
          
          const state = () => ({
            webId: null,
            storage: null
          })
          
          // getters
          const getters = {}
          
          // actions

At some point there was an issue with communica lib that is used by ldflex so i swithched to rdflib Help using different libs: rdflibjs, tripledoc, ldflex, solid-file-client - #14

Another way I recently used is (line 11 & 48)

github.com

scenaristeur/ipgs/blob/5feb18b305ec7788dd582d851335eba564912ec0/src/components/layout/Notification.vue#L11


      
          <template>
            <div>
              <b-button :to="{ path: '/agora'}" size="sm" variant="dark">{{ nb }}</b-button>
          
            </div>
          </template>
          
          <script>
          // https://github.com/solid/solid-spec/blob/master/api-websockets.md
          let agoraPath= "https://ipgs.solidcommunity.net/public/activity/"
          import ldflex from '@solid/query-ldflex/lib/exports/rdflib'
          
          export default {
            name: 'Notification',
            data() {
              return {
                log: agoraPath+'log.ttl',
                nb:0
              }
            },
            async created(){

Does it solve your issue ?

Topic		Replies	Views
Fetch in JS, any ideas how? Solid App Development FAQs	2	731	February 22, 2019
Solid-ldflex authenticated requests Solid App Development FAQs	8	967	May 7, 2021
Manage Friends using Solid Build a Solid App	3	414	March 31, 2023
Getting Started Tutorial Returning Error	3	593	April 2, 2021
Add friend with solid-auth-client fetch	11	502	March 18, 2021

Question about retrieving data

Related Topics