From the course: React: Building Progressive Web Apps (PWAs)
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Add PWA to iOS - React.js Tutorial
From the course: React: Building Progressive Web Apps (PWAs)
Add PWA to iOS
- [Instructor] Let's install our progressive web app on an iOS device. First, for iOS, we need to create a link to our icon. So here in your index.html file, which you'll find in the public folder, you're going to go ahead and create another link. This link is going to have the attribute for apple-touch-icon, and then we will say sizes equals 152x152, and then we'll use the location, the href is icon-152.png, and then we'll close that. Next, we need to run a build, and we'll serve it. But this time, instead of running this on localhost:5000 here in my browser, I'm actually going to open this up on my phone using this network. All right, so I want to open this up on my iPhone using this link here. So what you'll do is, you'll take this link, and you'll paste that into Safari on your phone, or type it in, I should say. And then you'll see your Art Videos application right here in the browser. So we can use this icon down here at the bottom, the Share icon, and we're going to select the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.