Jump to content

Recommended Posts

Hello, I finished this toy project. A simple API to show data for Chilean Birds.
Used to flex my PW and React muscles, since a lot of time has passed since making something with those techs.

 

Firefox_Screenshot_2020-08-25T21-29-14_870Z.thumb.png.179ad04e12391956060fd4e0d7520e20.png

Code: https://github.com/NinjasCL/chileanbirds-api

Frontend (React): https://aves.ninjas.cl

Backend (PW): https://aves.ninjas.cl/api

Hope you like it 🙂

Thanks.

 

 

  • Like 15
  • Thanks 1
Link to post
Share on other sites
On 8/26/2020 at 9:25 PM, clsource said:

check if you are using https

I just clicked the link, that the OP provided. I also tried different browsers (Firefox, latest Edge, latest Chrome) . All show an SSL error.

I am surfing from Germany and via Unitymedia/Vodafone.

Link to post
Share on other sites
1 hour ago, dotnetic said:

I just clicked the link, that the OP provided. I also tried different browsers (Firefox, latest Edge, latest Chrome) . All show an SSL error.

I am surfing from Germany and via Unitymedia/Vodafone.

Maybe is your internet provider configuration. 

https://watchmysys.com/blog/2015/01/unitymedia-is-blocking-vpn-connections/

Please try using another Internet provider maybe using 4G. Or similar network.

Thanks.

Link to post
Share on other sites

A very neat project to learn from!
You really should deliver the pictures in a a resized version and activate lazy-loading (at least native lazyloading).

<img src="image.jpg" loading="lazy" alt="..." />

For now, the whole site has about 226 requests and needs to download about 113MB (!!!) of files.

grafik.png.ffc285c63a5c8f8aee5368383981cc49.png

  • Like 1
Link to post
Share on other sites
58 minutes ago, Manuel said:

A very neat project to learn from!
You really should deliver the pictures in a a resized version and activate lazy-loading (at least native lazyloading).


<img src="image.jpg" loading="lazy" alt="..." />

For now, the whole site has about 226 requests and needs to download about 113MB (!!!) of files.

grafik.png.ffc285c63a5c8f8aee5368383981cc49.png

Thanks this is a nice improvement 🙂

Now it's lazy loaded and the thumbnails are 200x200 px 🙂

  • Like 2
Link to post
Share on other sites
  • 2 months later...
On 8/26/2020 at 6:02 AM, clsource said:

Hello, I finished this toy project. A simple API to show data for Chilean Birds.
Used to flex my PW and React muscles, since a lot of time has passed since making something with those techs.

 

Firefox_Screenshot_2020-08-25T21-29-14_870Z.thumb.png.179ad04e12391956060fd4e0d7520e20.png

Code: https://github.com/NinjasCL/chileanbirds-api

Frontend (React): https://aves.ninjas.cl

Backend (PW): https://aves.ninjas.cl/api

Hope you like it 🙂

Thanks.

 

 

this is awesome. I want to create a mobile client for my website. I just need only a GET endpoint. ( I want to fetch certain number of videos ( say latest 20 videos ) from this website and show in my mobile app. ( the website https://www.bhimonlineclassroom.in/ is developed on PW3 ) . Can you please write an explanation on how to approach / develop the RESTful API with Processwire ? 

thank you @clsource

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By VeiJari
      Hello forum, we're trying to use Processwire as our REST-API. We are having problems with our API login to Processwire from frontend. It gives us 403 error.
      We have installed ProcessWire to subdirectory (/api/*) and our frontend is static JS files at root ( / ). Apache access logs gives 404 to our POST-request, but browser devtools shows 403 for our POST /api/login request. 
      Processwire backend panel works. We also have a GET endpoint for the API that returns 200 with correct payload.  So we're wondering why does our GET works but POST doesn't?
      Does this have something to do with Processwire .htaccess, or is this because of our webhost? What should we check first? Any help would be appreciated.
    • By HerzBlut
      Hello, 
      I'm looking for a developer to write me an extension for "https://modules.processwire.com/modules/process-graph-ql/". It's about Custom Fields (Repeater and Pro Repeater Matrix). So that I can connect and read them via GraphQL with React. It must be possible to read the different fields of the matrix and get their type (e.g. news, slider, blog etc.).
      If you are interested just leave Skype or e-mail. I am looking forward to possible inquiries
    • By pwFoo
      Hi, I try to convert a rest api client to WireHttp and seaching for the option?
      verify=false // curl --insecure, self signed certificates
      Haven't found such a option in api documentation or source code (quick search...).
      Are self signed certificates supported by WireHttp?
    • By thomasaull
      I recently started to build Vue SPAs with ProcessWire as the backend, connected with a REST API. Thanks to code and the help of @LostKobrakai (How to use FastRoute with ProcessWire) and @clsource (REST-Helper) I got it up and running pretty quickly and now have put all of it in a site profile for others to use. It includes the REST API with routing for different endpoints, JWT Auth and a simple Vue SPA which shows the process of logging in a user (nevertheless, you don't have to use the Vue part, the API will work on it's own).
      Check it out here: https://github.com/thomasaull/RestApiProfile
      I'm pretty sure, it's not the perfect or most sophisticsted solution, but it gets the job done for me…
      Feedback or Improvements are very welcome
      Update: This site profile is a module now: https://github.com/thomasaull/RestApi
    • By Pixrael
      I have a technical question that maybe you can guide me to a solution/idea.
      I know an online tool that publishes product information and updates prices/inventories regularly from marketplaces such as Amazon, Ebay, etc. to a Wordpress website ... can get the orders information, auto-order it and send back the tracking numbers. All this is done through the Woocommerce API. They don't have an API or CSV option to access this features..
      Is it possible to create fake REST endpoints (a clone of WooCommerce) on my site to accept requests from that external website and process this data my way inside PW? The requests to a REST endpoint are POST like in regular forms submits?
      Sorry I don't have to much technical background about this
      https://woocommerce.github.io/woocommerce-rest-api-docs/?php#create-a-product https://woocommerce.github.io/woocommerce-rest-api-docs/?php#update-a-product https://woocommerce.github.io/woocommerce-rest-api-docs/?php#retrieve-an-order
×
×
  • Create New...