Giter VIP home page Giter VIP logo

aps-export-revit-pdf's Introduction

Export to PDFs Sample

Node.js npm Platforms

OAuth2 Data-Management Design-Automation APS-Viewer

Windows .NET Revit-2023

Advanced MIT

Description

This sample demonstrates how to export views and sheets from Revit to PDF with the support of Revit Design Automation Engine 2022 or later. Check the blog for more information.

Thumbnail

thumbnail

Web App Setup

Prerequisites

  1. APS Account: Learn how to create a APS Account, activate subscription and create an app at this tutorial.
  2. Visual Code: Visual Code (Windows or MacOS).
  3. Visual Studio 2019 (Windows).
  4. ngrok: Routing tool, download here
  5. Revit 2023: required to compile changes into the plugin
  6. JavaScript ES6 syntax for server-side.
  7. JavaScript basic knowledge with jQuery

For using this sample, you need an Autodesk developer credentials. Visit the APS Developer Portal, sign up for an account, then create an app. For this new app, use http://localhost:3000/api/aps/callback/oauth as Callback URL, although is not used on 2-legged flow. Finally take note of the Client ID and Client Secret.

Running locally

  1. Install NodeJS, version 14 or newer.

  2. Clone this project or download it (this main branch only). It's recommended to install GitHub desktop. To clone it via command line, use the following (Terminal on MacOSX/Linux, Git Shell on Windows):

    git clone https://github.com/Autodesk-Platform-Services/aps-export-revit-pdf

  3. (Optional) Open ExportToPdfsApp.sln in Visual Studio, build the Revit Addon, it will build ExportToPdfsApp.dll and package ExportToPdfsApp.bundle into folder of </public/bundles> automatically, or you can use the build-in package of ExportToPdfsApp.zip.

  4. Install the required packages using npm install.

  5. Start server by npm start.

  6. Open the App, click Configure button to create the AppBundle & Activity before exporting PDF file, please check the video for the steps at https://youtu.be/1NCeH7acIko. You can also delete the existing AppBundle & Activity and re-create with different Design Automation Revit engine version.

ngrok

Run ngrok http 3000 to create a tunnel to your local machine, then copy the address into the APS_WEBHOOK_URL environment variable. Please check WebHooks for details.

Environment variables

Set the environment variables with your client ID & secret and finally start it. Via command line, navigate to the folder where this repository was cloned and use the following:

Mac OSX/Linux (Terminal)

npm install
export APS_CLIENT_ID=<<YOUR CLIENT ID FROM DEVELOPER PORTAL>>
export APS_CLIENT_SECRET=<<YOUR CLIENT SECRET>>
export APS_CALLBACK_URL=<<YOUR CALLBACK URL>>
export APS_WEBHOOK_URL=<<YOUR DESIGN AUTOMATION FOR REVIT CALLBACK URL>>
export DESIGN_AUTOMATION_NICKNAME=<<YOUR DESIGN AUTOMATION FOR REVIT NICK NAME>>
export DESIGN_AUTOMATION_ACTIVITY_NAME=<<YOUR DESIGN AUTOMATION FOR REVIT ACTIVITY NAME>>
export DESIGN_AUTOMATION_ACTIVITY_ALIAS=<<YOUR DESIGN AUTOMATION FOR REVIT ACTIVITY ALIAS>>    
npm start

Windows (use Node.js command line from Start menu)

npm install
set APS_CLIENT_ID=<<YOUR CLIENT ID FROM DEVELOPER PORTAL>>
set APS_CLIENT_SECRET=<<YOUR CLIENT SECRET>>
set APS_CALLBACK_URL=<<YOUR CALLBACK URL>>
set APS_WEBHOOK_URL=<<YOUR DESIGN AUTOMATION FOR REVIT CALLBACK URL>>
set DESIGN_AUTOMATION_NICKNAME=<<YOUR DESIGN AUTOMATION FOR REVIT NICK NAME>>
set DESIGN_AUTOMATION_ACTIVITY_NAME=<<YOUR DESIGN AUTOMATION FOR REVIT ACTIVITY NAME>>
set DESIGN_AUTOMATION_ACTIVITY_ALIAS=<<YOUR DESIGN AUTOMATION FOR REVIT ACTIVITY ALIAS>>
npm start

Note. environment variable examples:

  • APS_CALLBACK_URL: http://localhost:3000/api/aps/callback/oauth
  • APS_WEBHOOK_URL: http://808efcdc123456.ngrok.io/api/aps/callback/designautomation

Optional:

  • DESIGN_AUTOMATION_NICKNAME: Your client id will be used by default, but if you have set up the nickname, please specify your nickname to this environment variable.
  • DESIGN_AUTOMATION_ACTIVITY_NAME: ExportToPdfsAppActivity will be used as default activity name after creating the bundle and activity, please specify the value if restarting the server.
  • DESIGN_AUTOMATION_ACTIVITY_ALIAS: Only necessary if the activity alias is customized, dev by default.

Using the app

Open the browser: http://localhost:3000, it provides the abilities to export pdf file for views|sheets:

  1. (Optional)Make sure the AppBundle & Activity are created. If not, click Configure button to create the AppBundle & Activity, please check the video for the steps at https://youtu.be/1NCeH7acIko. You can also delete the existing AppBundle & Activity and re-create with different Design Automation Revit engine version.

  2. Select Revit file version in BIM360 Hub to view the Model, Select view types which you want to export, click 'Export'.

  3. When the pdf file is successfully exported, click DOWNLOAD to download the file and open.

Deployment

To deploy this application to Heroku, the Callback URL for APS must use your .herokuapp.com address. After clicking on the button below, at the Heroku Create New App page, set your Client ID, Secret, Callback URL and Revit Design Automation variables for APS.

Deploy

Watch this video on how deploy samples to Heroku.

Packages used

The Autodesk APS packages is included by default. Some other non-Autodesk packaged are used, including socket.io, express.

Further Reading

Documentation:

Desktop APIs:

Troubleshooting

After installing Github desktop for Windows, on the Git Shell, if you see a error setting certificate verify locations error, use the following:

git config --global http.sslverify "false"

Tips & Tricks

Limitation

  • The scenario that this sample demonstrates is applicable only with a file-based Revit model, not work for cloud worksharing model.
  • Client JavaScript requires modern browser.
  • The sample only supports Revit Design Automation Engine 2022 or later.

License

This sample is licensed under the terms of the MIT License. Please see the LICENSE file for full details.

Written by

Zhong Wu @johnonsoftware, Autodesk Partner Development

aps-export-revit-pdf's People

Contributors

johnonsoftware avatar yiskang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.