mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 03:35:51 +00:00
Get Started updates
- Update ripple-lib to 1.8.0 - Incomplete "Get Started" widget for playing with RippleAPI for JS
This commit is contained in:
52
content/tutorials/get-started/get-started.md
Normal file
52
content/tutorials/get-started/get-started.md
Normal file
@@ -0,0 +1,52 @@
|
||||
# Get Started
|
||||
|
||||
The XRP Ledger is always online and entirely public. You can access it directly from your browser with [RippleAPI for JavaScript (ripple-lib)](rippleapi-reference.html). Try experimenting with some of the following examples:
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.js"></script>
|
||||
<script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="assets/vendor/codemirror.css"/>
|
||||
<script type="text/javascript" src="assets/vendor/codemirror-js-json-lint.min.js"></script>
|
||||
|
||||
<pre><code id="step2code">
|
||||
const mainnet = new ripple.RippleAPI({
|
||||
server: 'wss://s1.ripple.com' // Public rippled server
|
||||
});
|
||||
|
||||
(async function(api) {
|
||||
await api.connect();
|
||||
let ledger = await api.getLedger();
|
||||
console.log(ledger);
|
||||
})(mainnet);
|
||||
</code></pre>
|
||||
<button type="button" id="step2button" class="btn btn-primary">Run</button>
|
||||
<h3>Output</h3>
|
||||
<div id="step2resp"></div>
|
||||
|
||||
<script type="application/javascript">
|
||||
const code_ex = $("#step2code");
|
||||
const code_text = code_ex.text().trim();
|
||||
code_ex.text("");
|
||||
const cm = CodeMirror(code_ex.get(0), {
|
||||
mode: 'javascript',
|
||||
json: false,
|
||||
smartIndent: false,
|
||||
});
|
||||
cm.setValue(code_text);
|
||||
const cm_resp = CodeMirror($("#step2resp").get(0), {
|
||||
mode: 'javascript',
|
||||
json: false,
|
||||
readOnly: true
|
||||
});
|
||||
|
||||
let ret;
|
||||
$("#step2button").click((evt) => {
|
||||
const oldconsole = console;
|
||||
console = {
|
||||
log: (...args) => {
|
||||
oldconsole.log(...args);
|
||||
args.forEach(arg => cm_resp.setValue(JSON.stringify(arg, null, 2)))
|
||||
}
|
||||
}
|
||||
Function(cm.getValue())();
|
||||
});
|
||||
</script>
|
||||
@@ -6,7 +6,7 @@
|
||||
|
||||
<!-- Interactive example use ripple-lib and its prerequisites -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
|
||||
<script type="application/javascript" src="assets/js/ripple-lib-1.4.1-min.js"></script>
|
||||
<script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
|
||||
<!-- Helper for interactive tutorial breadcrumbs -->
|
||||
<script type="application/javascript" src="assets/js/interactive-tutorial.js"></script>
|
||||
|
||||
|
||||
@@ -6,7 +6,7 @@ This tutorial explains how to send a simple XRP Payment using RippleAPI for Java
|
||||
|
||||
<!-- Interactive example use ripple-lib and its prerequisites -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
|
||||
<script type="application/javascript" src="assets/js/ripple-lib-1.4.1-min.js"></script>
|
||||
<script type="application/javascript" src="assets/js/ripple-lib-1.8.0-min.js"></script>
|
||||
<!-- Helper for interactive tutorial breadcrumbs -->
|
||||
<script type="application/javascript" src="assets/js/interactive-tutorial.js"></script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user