Embedding Hypothes.is in Canvas

This is one of those posts I’m writing so I don’t forget how to do something.

After testing Hypothes.is for annotations, and realizing that the Redirect Tool in canvas would force an ordinary webpage with annotations to only open in a new tab, I figured out something.

Canvas will only embed secure (SSL) pages (those with an address starting https://). All my web pages are just plain ole http. But it turns out that my host, Lunarpages, can create an SSL page by just using the URL of the server (https://fand.lunarserver.com/username + rest of the URL). So any page I already have can become a secure page by using this URL instead.

So to make this happen automatically, here’s the workflow:

1. Create my own webpage with text and images.

2. Include the hypothes.is code in the HTML of the page

https://hypothes.is/embed.js

3. Use the Redirect Tool in Canvas, using the URL of the page, but with the Lunarpages server preface (in this case https://fand.lunarservers.com/~lisahi2/)

redirectapp

4. Voila:

hypothesisincanvas